From 6057e1e98eea0ce78bf57712c852fcb969139311 Mon Sep 17 00:00:00 2001
From: RivaIvanova <ivanova.riva@gmail.com>
Date: Fri, 16 Aug 2024 15:49:48 +0300
Subject: [PATCH 01/25] feat(carousel): add samples

---
 browser/public/index.html                     |   7 +
 .../layouts/carousel/animations/.prettierrc   |  11 ++
 samples/layouts/carousel/animations/ReadMe.md |  56 +++++++
 .../layouts/carousel/animations/index.html    |  98 ++++++++++++
 .../layouts/carousel/animations/package.json  |  59 ++++++++
 .../carousel/animations/sandbox.config.json   |   7 +
 .../layouts/carousel/animations/src/index.css |  50 ++++++
 .../layouts/carousel/animations/src/index.ts  |  28 ++++
 .../layouts/carousel/animations/tsconfig.json |  20 +++
 .../carousel/animations/webpack.config.js     | 105 +++++++++++++
 .../layouts/carousel/components/.prettierrc   |  11 ++
 samples/layouts/carousel/components/ReadMe.md |  56 +++++++
 .../layouts/carousel/components/index.html    |  54 +++++++
 .../layouts/carousel/components/package.json  |  59 ++++++++
 .../carousel/components/sandbox.config.json   |   7 +
 .../layouts/carousel/components/src/index.css |  28 ++++
 .../layouts/carousel/components/src/index.ts  |  33 ++++
 .../layouts/carousel/components/tsconfig.json |  20 +++
 .../carousel/components/webpack.config.js     | 105 +++++++++++++
 samples/layouts/carousel/overview/.prettierrc |  11 ++
 samples/layouts/carousel/overview/ReadMe.md   |  56 +++++++
 samples/layouts/carousel/overview/index.html  |  40 +++++
 .../layouts/carousel/overview/package.json    |  59 ++++++++
 .../carousel/overview/sandbox.config.json     |   7 +
 .../layouts/carousel/overview/src/index.css   |  33 ++++
 .../layouts/carousel/overview/src/index.ts    |   9 ++
 .../layouts/carousel/overview/tsconfig.json   |  20 +++
 .../carousel/overview/webpack.config.js       | 105 +++++++++++++
 .../layouts/carousel/thumbnail/.prettierrc    |  11 ++
 samples/layouts/carousel/thumbnail/ReadMe.md  |  56 +++++++
 samples/layouts/carousel/thumbnail/index.html | 142 ++++++++++++++++++
 .../layouts/carousel/thumbnail/package.json   |  59 ++++++++
 .../carousel/thumbnail/sandbox.config.json    |   7 +
 .../layouts/carousel/thumbnail/src/index.css  |  16 ++
 .../layouts/carousel/thumbnail/src/index.ts   |   9 ++
 .../layouts/carousel/thumbnail/tsconfig.json  |  20 +++
 .../carousel/thumbnail/webpack.config.js      | 105 +++++++++++++
 37 files changed, 1579 insertions(+)
 create mode 100644 samples/layouts/carousel/animations/.prettierrc
 create mode 100644 samples/layouts/carousel/animations/ReadMe.md
 create mode 100644 samples/layouts/carousel/animations/index.html
 create mode 100644 samples/layouts/carousel/animations/package.json
 create mode 100644 samples/layouts/carousel/animations/sandbox.config.json
 create mode 100644 samples/layouts/carousel/animations/src/index.css
 create mode 100644 samples/layouts/carousel/animations/src/index.ts
 create mode 100644 samples/layouts/carousel/animations/tsconfig.json
 create mode 100644 samples/layouts/carousel/animations/webpack.config.js
 create mode 100644 samples/layouts/carousel/components/.prettierrc
 create mode 100644 samples/layouts/carousel/components/ReadMe.md
 create mode 100644 samples/layouts/carousel/components/index.html
 create mode 100644 samples/layouts/carousel/components/package.json
 create mode 100644 samples/layouts/carousel/components/sandbox.config.json
 create mode 100644 samples/layouts/carousel/components/src/index.css
 create mode 100644 samples/layouts/carousel/components/src/index.ts
 create mode 100644 samples/layouts/carousel/components/tsconfig.json
 create mode 100644 samples/layouts/carousel/components/webpack.config.js
 create mode 100644 samples/layouts/carousel/overview/.prettierrc
 create mode 100644 samples/layouts/carousel/overview/ReadMe.md
 create mode 100644 samples/layouts/carousel/overview/index.html
 create mode 100644 samples/layouts/carousel/overview/package.json
 create mode 100644 samples/layouts/carousel/overview/sandbox.config.json
 create mode 100644 samples/layouts/carousel/overview/src/index.css
 create mode 100644 samples/layouts/carousel/overview/src/index.ts
 create mode 100644 samples/layouts/carousel/overview/tsconfig.json
 create mode 100644 samples/layouts/carousel/overview/webpack.config.js
 create mode 100644 samples/layouts/carousel/thumbnail/.prettierrc
 create mode 100644 samples/layouts/carousel/thumbnail/ReadMe.md
 create mode 100644 samples/layouts/carousel/thumbnail/index.html
 create mode 100644 samples/layouts/carousel/thumbnail/package.json
 create mode 100644 samples/layouts/carousel/thumbnail/sandbox.config.json
 create mode 100644 samples/layouts/carousel/thumbnail/src/index.css
 create mode 100644 samples/layouts/carousel/thumbnail/src/index.ts
 create mode 100644 samples/layouts/carousel/thumbnail/tsconfig.json
 create mode 100644 samples/layouts/carousel/thumbnail/webpack.config.js

diff --git a/browser/public/index.html b/browser/public/index.html
index 3f5885d3eb..df28e02b80 100644
--- a/browser/public/index.html
+++ b/browser/public/index.html
@@ -924,6 +924,13 @@
            <a class="nav-link" href="#" data-nav="/samples/layouts/card/semi-horizontal">─<span>Semi Horizontal</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/card/styling">─<span>Styling</span></a> 
        </div>
+       <label id="nav-carousel" class="nav-component">Carousel</label> 
+       <div id="nav-carousel-list" class="nav-list" state="collapsed"> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/carousel/animations">─<span>Animations</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/carousel/components">─<span>Components</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/carousel/overview">─<span>Overview</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/carousel/thumbnail">─<span>Thumbnail</span></a> 
+       </div>
        <label id="nav-dock-manager" class="nav-component">Dock Manager</label> 
        <div id="nav-dock-manager-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/add-content-runtime">─<span>Add Content Runtime</span></a> 
diff --git a/samples/layouts/carousel/animations/.prettierrc b/samples/layouts/carousel/animations/.prettierrc
new file mode 100644
index 0000000000..15a7c7c6cf
--- /dev/null
+++ b/samples/layouts/carousel/animations/.prettierrc
@@ -0,0 +1,11 @@
+{
+  "printWidth": 250,
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "fluid": false
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/ReadMe.md b/samples/layouts/carousel/animations/ReadMe.md
new file mode 100644
index 0000000000..13b2b967d3
--- /dev/null
+++ b/samples/layouts/carousel/animations/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
+
+This folder contains implementation of Web Components application with example of Animations feature using [Carousel](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/layouts/carousel/animations" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/layouts/carousel/animations?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
+cd ./igniteui-wc-examples
+cd ./samples/layouts/carousel/animations
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+
+```
+npm install
+npm run start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/animations/index.html b/samples/layouts/carousel/animations/index.html
new file mode 100644
index 0000000000..c0b1bb6f44
--- /dev/null
+++ b/samples/layouts/carousel/animations/index.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Carousel Animations</title>
+    <meta charset="UTF-8" />
+
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
+    <link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" type="text/css" />
+  </head>
+
+  <body>
+    <div id="root">
+      <div class="carousel-wrapper">
+        <div class="action-wrapper">
+          <div class="action">
+            <span>Animation type</span>
+            <igc-select id="select">
+              <igc-select-item value="slide" selected>Slide</igc-select-item>
+              <igc-select-item value="fade">Fade</igc-select-item>
+              <igc-select-item value="none">None</igc-select-item>
+            </igc-select>
+          </div>
+          <div class="action">
+            <igc-switch label-position="before">Vertical alignment</igc-switch>
+          </div>
+        </div>
+        <igc-carousel skip-indicator>
+          <igc-carousel-slide>
+            <div class="slide-wrapper">
+              <igc-card>
+                <igc-card-header>
+                  <h3 slot="title">Ignite UI for Angular</h3>
+                </igc-card-header>
+                <igc-card-content>
+                  <p>30+ Material-based Angular components to code speedy web apps faster.</p>
+                </igc-card-content> 
+                <igc-card-media>
+                  <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slide1-angular.png">
+                </igc-card-media>
+                <igc-card-actions>
+                  <igc-button slot="start" href="https://www.infragistics.com/products/ignite-ui-angular" target="_blank" rel="noopener">
+                    Visit Page
+                  </igc-button>
+                </igc-card-actions>
+              </igc-card>
+            </div>
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <div class="slide-wrapper">
+              <igc-card>
+                <igc-card-header>
+                  <h3 slot="title">Ignite UI for Javascript</h3>
+                </igc-card-header>
+                <igc-card-content>
+                  <p>A complete JavaScript UI library empowering you to build data-rich responsive web apps.</p>
+                </igc-card-content>
+                <igc-card-media>
+                  <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slide2-ignite.png">
+                </igc-card-media>
+                <igc-card-actions>
+                  <igc-button slot="start" href="https://www.infragistics.com/products/ignite-ui" target="_blank" rel="noopener">
+                    Visit Page
+                  </igc-button>
+                </igc-card-actions>
+              </igc-card>
+            </div>
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <div class="slide-wrapper">
+              <igc-card>
+                <igc-card-header>
+                  <h3 slot="title">Ultimate UI for ASP.NET</h3>
+                </igc-card-header>
+                <igc-card-content>
+                  <p>Build full-featured business apps with the most versatile set of ASP.NET AJAX UI controls.</p>
+                </igc-card-content>
+                <igc-card-media>
+                  <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slide3-aspnet.png">
+                </igc-card-media>
+                <igc-card-actions>
+                  <igc-button slot="start" href="https://www.infragistics.com/products/aspnet" target="_blank" rel="noopener">
+                    Visit Page
+                  </igc-button>
+                </igc-card-actions>
+              </igc-card>
+            </div>
+          </igc-carousel-slide>
+        </igc-carousel>
+      </div>
+    </div>
+    <!-- This script is needed only for parcel and it will be excluded for webpack -->
+    <% if (false) { %><script src="src/index.ts"></script><% } %>
+
+  </body>
+</html>
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
new file mode 100644
index 0000000000..bdf5f5f877
--- /dev/null
+++ b/samples/layouts/carousel/animations/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "wc-carousel-animations",
+  "version": "1.0.0",
+  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "main": "src/index.ts",
+  "scripts": {
+    "build": "npm run build:prod",
+    "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod": "webpack-dev-server --env.NODE_ENV=production  --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start": "npm run serve:dev",
+    "build:legacy": "npm run build:prod:legacy",
+    "build:dev:legacy": "webpack --env.legacy=true  --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true  --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start:legacy": "npm run serve:dev:legacy"
+  },
+  "author": "Infragistics",
+  "dependencies": {
+    "@webcomponents/custom-elements": "^1.4.1",
+    "@webcomponents/template": "^1.4.2",
+    "babel-runtime": "^6.26.0",
+    "core-js": "^3.6.5",
+    "igniteui-webcomponents": "4.11.1",
+    "lit": "^2.0.2",
+    "lit-html": "^2.2.0",
+    "tslib": "^2.6.3"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.3",
+    "@babel/core": "^7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.10.0",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "css-loader": "^1.0.0",
+    "csv-loader": "^3.0.2",
+    "file-loader": "^4.2.0",
+    "fork-ts-checker-webpack-plugin": "^4.1.5",
+    "html-webpack-plugin": "^4.3.0",
+    "parcel-bundler": "^1.6.1",
+    "source-map": "^0.7.3",
+    "style-loader": "^0.22.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
+    "typescript": "^4.4.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
+    "worker-loader": "^3.0.8",
+    "xml-loader": "^1.2.1"
+  },
+  "license": "",
+  "homepage": "."
+}
diff --git a/samples/layouts/carousel/animations/sandbox.config.json b/samples/layouts/carousel/animations/sandbox.config.json
new file mode 100644
index 0000000000..5c5b54fe21
--- /dev/null
+++ b/samples/layouts/carousel/animations/sandbox.config.json
@@ -0,0 +1,7 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "parcel"
+}
+  
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/src/index.css b/samples/layouts/carousel/animations/src/index.css
new file mode 100644
index 0000000000..3c99e7b7dc
--- /dev/null
+++ b/samples/layouts/carousel/animations/src/index.css
@@ -0,0 +1,50 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
+
+.carousel-wrapper {
+    height: 600px;
+    width: 90%;
+    margin: 20px auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.action-wrapper {
+    height: 40px;
+    width: 500px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.action {
+    display: flex;
+    align-items: center;
+}
+
+.slide-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+}
+
+igc-carousel {
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    max-height: 550px;
+}
+
+igc-select {
+    width: 150px;
+    margin-left: 10px;
+    --ig-size: var(--ig-size-small);
+}
+
+igc-card {
+    border: none;
+}
+
+igc-card-header {
+    padding: 8px 16px;
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/src/index.ts b/samples/layouts/carousel/animations/src/index.ts
new file mode 100644
index 0000000000..2b68f19863
--- /dev/null
+++ b/samples/layouts/carousel/animations/src/index.ts
@@ -0,0 +1,28 @@
+import { defineComponents, IgcButtonComponent, IgcCardComponent, IgcCarouselComponent, IgcSelectComponent, IgcSwitchComponent } from "igniteui-webcomponents";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
+
+defineComponents(IgcCarouselComponent, IgcSelectComponent, IgcCardComponent, IgcButtonComponent, IgcSwitchComponent);
+
+export class CarouselAnimations {
+    private carousel: IgcCarouselComponent;
+    private select: IgcSelectComponent;
+    private switch: IgcSwitchComponent;
+
+    constructor() {
+        this.carousel = document.querySelector('igc-carousel') as IgcCarouselComponent;
+        this.select = document.querySelector('igc-select') as IgcSelectComponent;
+        this.switch = document.querySelector('igc-switch') as IgcSwitchComponent;
+
+        this.select.addEventListener("igcChange", (e) => {
+            const animation = e.detail.value as 'slide' | 'fade' | 'none';
+            this.carousel.animationType = animation;
+        });
+
+        this.switch.addEventListener("igcChange", (e) => {
+            this.carousel.vertical = e.detail.checked;
+        });
+    }
+}
+
+new CarouselAnimations();
diff --git a/samples/layouts/carousel/animations/tsconfig.json b/samples/layouts/carousel/animations/tsconfig.json
new file mode 100644
index 0000000000..de23257dd8
--- /dev/null
+++ b/samples/layouts/carousel/animations/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+      "noImplicitReturns": true,
+      "esModuleInterop": true,
+      "noImplicitAny": true,
+      "declarationDir": "dist/types",
+      "moduleResolution": "node",
+      "declaration": true,
+      "target": "es2015",
+      "module": "es2015",
+      "strict": true
+  },
+  "include": [
+      "src/**/*"
+  ],
+  "exclude": [
+      "node_modules",
+      "dist"
+  ]
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/animations/webpack.config.js b/samples/layouts/carousel/animations/webpack.config.js
new file mode 100644
index 0000000000..9d11a6155c
--- /dev/null
+++ b/samples/layouts/carousel/animations/webpack.config.js
@@ -0,0 +1,105 @@
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = env => {
+    const nodeEnv = process.env.NODE_ENV || 'development';
+    const isProd = nodeEnv === 'production';
+    const isLegacy = !!process.env.legacy && !(process.env.legacy == "false");
+    console.log(">> webpack nodeEnv=" + nodeEnv);
+    console.log(">> webpack isProd=" + isProd);
+    console.log(">> webpack isLegacy=" + isLegacy);
+    const presets = [
+        ["@babel/preset-env", {
+            "useBuiltIns": "usage",
+            "corejs": 3,
+            "targets": {
+                "browsers": isLegacy ? ["defaults"] : [
+                    "last 2 Chrome versions",
+                    "last 2 Safari versions",
+                    "last 2 iOS versions",
+                    "last 2 Firefox versions",
+                    "last 2 Edge versions"]
+            }
+        }],
+        "@babel/preset-typescript"
+    ];
+
+    return {
+        entry: isLegacy ? [
+            path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'),
+            path.resolve(__dirname, 'node_modules/@webcomponents/template'),
+            path.resolve(__dirname, 'src')
+        ] : path.resolve(__dirname, 'src'),
+        devtool: isProd ? false : 'source-map',
+        output: {
+            filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js',
+            globalObject: 'this',
+            path: path.resolve(__dirname, 'dist'),
+        },
+
+        resolve: {
+            mainFields: ['esm2015', 'module', 'main'],
+            extensions: ['.ts', '.js', '.json'],
+            plugins: [new TsconfigPathsPlugin({
+                configFile: './tsconfig.json',
+                extensions: ['.ts', '.js'],
+                mainFields: ['esm2015', 'module', 'main']
+            })]
+        },
+
+        module: {
+            rules: [
+                { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] },
+                { test: /\.(csv|tsv)$/, use: ['csv-loader'] },
+                { test: /\.xml$/, use: ['xml-loader'] },
+                { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] },
+                {
+                    test: /worker\.(ts|js)$/,
+                    use: [
+                        { loader: 'worker-loader' },
+                        {
+                            loader: 'babel-loader', options: {
+                                "compact": isProd ? true : false,
+                                "presets": presets,
+                                "plugins": [
+                                    "@babel/plugin-proposal-class-properties",
+                                    "@babel/plugin-transform-runtime"
+                                ]
+                            }
+                        }
+                    ]
+                },
+                {
+                    test: /\.(ts|js)$/, loader: 'babel-loader',
+                    options: {
+                        "compact": isProd ? true : false,
+                        "presets": presets,
+                        "plugins": [
+                            "@babel/plugin-proposal-class-properties",
+                            "@babel/plugin-transform-runtime"
+                        ]
+                    },
+                    exclude:
+                        function (modulePath) {
+                            return /node_modules/.test(modulePath) &&
+                                !/igniteui-webcomponents/.test(modulePath) &&
+                                !/lit-html/.test(modulePath);
+                        }
+                }],
+        },
+
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(nodeEnv)
+            }),
+            new HtmlWebpackPlugin({
+                title: 'for-cs',
+                template: 'index.html'
+            }),
+            new ForkTsCheckerWebpackPlugin()
+        ]
+    };
+};
diff --git a/samples/layouts/carousel/components/.prettierrc b/samples/layouts/carousel/components/.prettierrc
new file mode 100644
index 0000000000..15a7c7c6cf
--- /dev/null
+++ b/samples/layouts/carousel/components/.prettierrc
@@ -0,0 +1,11 @@
+{
+  "printWidth": 250,
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "fluid": false
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/components/ReadMe.md b/samples/layouts/carousel/components/ReadMe.md
new file mode 100644
index 0000000000..a7e94add48
--- /dev/null
+++ b/samples/layouts/carousel/components/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
+
+This folder contains implementation of Web Components application with example of Components feature using [Carousel](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/layouts/carousel/components" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/layouts/carousel/components?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
+cd ./igniteui-wc-examples
+cd ./samples/layouts/carousel/components
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+
+```
+npm install
+npm run start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/components/index.html b/samples/layouts/carousel/components/index.html
new file mode 100644
index 0000000000..a8ae4eb5b9
--- /dev/null
+++ b/samples/layouts/carousel/components/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Carousel With Components</title>
+    <meta charset="UTF-8" />
+
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
+    <link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" type="text/css" />
+  </head>
+
+  <body>
+    <div id="root">
+      <div class="carousel-container">
+        <igc-carousel>
+          <igc-carousel-slide>
+            <div>
+              <img src="https://www.infragistics.com/angular-demos-lob/assets/images/svg/carousel/SignUp.svg">
+              <form>
+                <igc-input type="text" placeholder="Username">
+                  <igc-icon slot="prefix" name="person"></igc-icon>
+                </igc-input>
+                <igc-input type="password" placeholder="Password">
+                  <igc-icon slot="prefix" name="password"></igc-icon>
+                </igc-input>
+                <div class="btn">
+                  <igc-button type="reset">Sign In</igc-button>
+                </div>
+              </form>
+            </div>
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <div>
+              <img src="https://www.infragistics.com/angular-demos-lob/assets/images/svg/carousel/Route.svg">
+              <form>
+                <igc-input type="text" placeholder="Search">
+                  <igc-icon slot="prefix" name="search"></igc-icon>
+                </igc-input>
+                <div class="btn">
+                  <igc-button type="reset">Search</igc-button>
+                </div>
+              </form>
+            </div>
+          </igc-carousel-slide>
+        </igc-carousel>
+      </div>
+    </div>
+    <!-- This script is needed only for parcel and it will be excluded for webpack -->
+    <% if (false) { %><script src="src/index.ts"></script><% } %>
+
+  </body>
+</html>
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
new file mode 100644
index 0000000000..273f0ed238
--- /dev/null
+++ b/samples/layouts/carousel/components/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "wc-carousel-with-components",
+  "version": "1.0.0",
+  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "main": "src/index.ts",
+  "scripts": {
+    "build": "npm run build:prod",
+    "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod": "webpack-dev-server --env.NODE_ENV=production  --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start": "npm run serve:dev",
+    "build:legacy": "npm run build:prod:legacy",
+    "build:dev:legacy": "webpack --env.legacy=true  --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true  --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start:legacy": "npm run serve:dev:legacy"
+  },
+  "author": "Infragistics",
+  "dependencies": {
+    "@webcomponents/custom-elements": "^1.4.1",
+    "@webcomponents/template": "^1.4.2",
+    "babel-runtime": "^6.26.0",
+    "core-js": "^3.6.5",
+    "igniteui-webcomponents": "4.11.1",
+    "lit": "^2.0.2",
+    "lit-html": "^2.2.0",
+    "tslib": "^2.6.3"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.3",
+    "@babel/core": "^7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.10.0",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "css-loader": "^1.0.0",
+    "csv-loader": "^3.0.2",
+    "file-loader": "^4.2.0",
+    "fork-ts-checker-webpack-plugin": "^4.1.5",
+    "html-webpack-plugin": "^4.3.0",
+    "parcel-bundler": "^1.6.1",
+    "source-map": "^0.7.3",
+    "style-loader": "^0.22.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
+    "typescript": "^4.4.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
+    "worker-loader": "^3.0.8",
+    "xml-loader": "^1.2.1"
+  },
+  "license": "",
+  "homepage": "."
+}
diff --git a/samples/layouts/carousel/components/sandbox.config.json b/samples/layouts/carousel/components/sandbox.config.json
new file mode 100644
index 0000000000..5c5b54fe21
--- /dev/null
+++ b/samples/layouts/carousel/components/sandbox.config.json
@@ -0,0 +1,7 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "parcel"
+}
+  
\ No newline at end of file
diff --git a/samples/layouts/carousel/components/src/index.css b/samples/layouts/carousel/components/src/index.css
new file mode 100644
index 0000000000..8ede26a8c9
--- /dev/null
+++ b/samples/layouts/carousel/components/src/index.css
@@ -0,0 +1,28 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
+
+.carousel-container {
+    padding: 16px;
+}
+
+igc-carousel {
+    border-radius: 10px;
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
+    margin-inline: auto;
+    max-width: 75%;
+    height: 500px;
+}
+
+igc-carousel-slide::part(base) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+igc-carousel-slide div {
+    text-align: center;
+}
+
+igc-carousel-slide div * {
+    margin-block: 8px;
+}
diff --git a/samples/layouts/carousel/components/src/index.ts b/samples/layouts/carousel/components/src/index.ts
new file mode 100644
index 0000000000..6a428fc31c
--- /dev/null
+++ b/samples/layouts/carousel/components/src/index.ts
@@ -0,0 +1,33 @@
+import { defineComponents, IgcButtonComponent, IgcCarouselComponent, IgcIconComponent, IgcInputComponent, registerIconFromText } from "igniteui-webcomponents";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
+
+defineComponents(IgcCarouselComponent, IgcInputComponent, IgcButtonComponent, IgcIconComponent);
+
+const icons = [
+    {
+        name: "person",
+        iconText:
+            '<svg width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 15.503A5.041 5.041 0 1 0 16 5.42a5.041 5.041 0 0 0 0 10.083zm0 2.215c-6.703 0-11 3.699-11 5.5v3.363h22v-3.363c0-2.178-4.068-5.5-11-5.5z"/></svg>'
+    },
+    {
+        name: "password",
+        iconText:
+            '<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 10.0546V8C5.25 4.27208 8.27208 1.25 12 1.25C15.7279 1.25 18.75 4.27208 18.75 8V10.0546C19.8648 10.1379 20.5907 10.348 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.40931 10.348 4.13525 10.1379 5.25 10.0546ZM6.75 8C6.75 5.10051 9.10051 2.75 12 2.75C14.8995 2.75 17.25 5.10051 17.25 8V10.0036C16.867 10 16.4515 10 16 10H8C7.54849 10 7.13301 10 6.75 10.0036V8ZM14 16C14 17.1046 13.1046 18 12 18C10.8954 18 10 17.1046 10 16C10 14.8954 10.8954 14 12 14C13.1046 14 14 14.8954 14 16Z"/></svg>'
+    },
+    {
+        name: "search",
+        iconText:
+            '<svg width="24" height="24" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" /></svg>'
+    }
+];
+
+export class CarouselComponents {
+    constructor() {
+        icons.forEach((icon) => {
+            registerIconFromText(icon.name, icon.iconText);
+        });
+    }
+}
+
+new CarouselComponents();
diff --git a/samples/layouts/carousel/components/tsconfig.json b/samples/layouts/carousel/components/tsconfig.json
new file mode 100644
index 0000000000..de23257dd8
--- /dev/null
+++ b/samples/layouts/carousel/components/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+      "noImplicitReturns": true,
+      "esModuleInterop": true,
+      "noImplicitAny": true,
+      "declarationDir": "dist/types",
+      "moduleResolution": "node",
+      "declaration": true,
+      "target": "es2015",
+      "module": "es2015",
+      "strict": true
+  },
+  "include": [
+      "src/**/*"
+  ],
+  "exclude": [
+      "node_modules",
+      "dist"
+  ]
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/components/webpack.config.js b/samples/layouts/carousel/components/webpack.config.js
new file mode 100644
index 0000000000..9d11a6155c
--- /dev/null
+++ b/samples/layouts/carousel/components/webpack.config.js
@@ -0,0 +1,105 @@
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = env => {
+    const nodeEnv = process.env.NODE_ENV || 'development';
+    const isProd = nodeEnv === 'production';
+    const isLegacy = !!process.env.legacy && !(process.env.legacy == "false");
+    console.log(">> webpack nodeEnv=" + nodeEnv);
+    console.log(">> webpack isProd=" + isProd);
+    console.log(">> webpack isLegacy=" + isLegacy);
+    const presets = [
+        ["@babel/preset-env", {
+            "useBuiltIns": "usage",
+            "corejs": 3,
+            "targets": {
+                "browsers": isLegacy ? ["defaults"] : [
+                    "last 2 Chrome versions",
+                    "last 2 Safari versions",
+                    "last 2 iOS versions",
+                    "last 2 Firefox versions",
+                    "last 2 Edge versions"]
+            }
+        }],
+        "@babel/preset-typescript"
+    ];
+
+    return {
+        entry: isLegacy ? [
+            path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'),
+            path.resolve(__dirname, 'node_modules/@webcomponents/template'),
+            path.resolve(__dirname, 'src')
+        ] : path.resolve(__dirname, 'src'),
+        devtool: isProd ? false : 'source-map',
+        output: {
+            filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js',
+            globalObject: 'this',
+            path: path.resolve(__dirname, 'dist'),
+        },
+
+        resolve: {
+            mainFields: ['esm2015', 'module', 'main'],
+            extensions: ['.ts', '.js', '.json'],
+            plugins: [new TsconfigPathsPlugin({
+                configFile: './tsconfig.json',
+                extensions: ['.ts', '.js'],
+                mainFields: ['esm2015', 'module', 'main']
+            })]
+        },
+
+        module: {
+            rules: [
+                { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] },
+                { test: /\.(csv|tsv)$/, use: ['csv-loader'] },
+                { test: /\.xml$/, use: ['xml-loader'] },
+                { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] },
+                {
+                    test: /worker\.(ts|js)$/,
+                    use: [
+                        { loader: 'worker-loader' },
+                        {
+                            loader: 'babel-loader', options: {
+                                "compact": isProd ? true : false,
+                                "presets": presets,
+                                "plugins": [
+                                    "@babel/plugin-proposal-class-properties",
+                                    "@babel/plugin-transform-runtime"
+                                ]
+                            }
+                        }
+                    ]
+                },
+                {
+                    test: /\.(ts|js)$/, loader: 'babel-loader',
+                    options: {
+                        "compact": isProd ? true : false,
+                        "presets": presets,
+                        "plugins": [
+                            "@babel/plugin-proposal-class-properties",
+                            "@babel/plugin-transform-runtime"
+                        ]
+                    },
+                    exclude:
+                        function (modulePath) {
+                            return /node_modules/.test(modulePath) &&
+                                !/igniteui-webcomponents/.test(modulePath) &&
+                                !/lit-html/.test(modulePath);
+                        }
+                }],
+        },
+
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(nodeEnv)
+            }),
+            new HtmlWebpackPlugin({
+                title: 'for-cs',
+                template: 'index.html'
+            }),
+            new ForkTsCheckerWebpackPlugin()
+        ]
+    };
+};
diff --git a/samples/layouts/carousel/overview/.prettierrc b/samples/layouts/carousel/overview/.prettierrc
new file mode 100644
index 0000000000..15a7c7c6cf
--- /dev/null
+++ b/samples/layouts/carousel/overview/.prettierrc
@@ -0,0 +1,11 @@
+{
+  "printWidth": 250,
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "fluid": false
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/ReadMe.md b/samples/layouts/carousel/overview/ReadMe.md
new file mode 100644
index 0000000000..d2946bce99
--- /dev/null
+++ b/samples/layouts/carousel/overview/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
+
+This folder contains implementation of Web Components application with example of Overview feature using [Carousel](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/layouts/carousel/overview" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/layouts/carousel/overview?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
+cd ./igniteui-wc-examples
+cd ./samples/layouts/carousel/overview
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+
+```
+npm install
+npm run start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/overview/index.html b/samples/layouts/carousel/overview/index.html
new file mode 100644
index 0000000000..9a03430ad6
--- /dev/null
+++ b/samples/layouts/carousel/overview/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Carousel Overview</title>
+    <meta charset="UTF-8" />
+
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
+    <link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" type="text/css" />
+  </head>
+
+  <body>
+    <div id="root">
+      <div class="carousel-container">
+        <igc-carousel>
+          <igc-carousel-slide>
+            <div class="image-container">
+              <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/ignite-ui-angular-indigo-design.png"/>
+            </div>
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <div class="image-container">
+              <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/slider-image-chart.png"/>
+            </div>
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <div class="image-container">
+              <img src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/ignite-ui-angular-charts.png"/>
+            </div>
+          </igc-carousel-slide>
+        </igc-carousel>
+      </div>
+    </div>
+    <!-- This script is needed only for parcel and it will be excluded for webpack -->
+    <% if (false) { %><script src="src/index.ts"></script><% } %>
+
+  </body>
+</html>
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
new file mode 100644
index 0000000000..11aae83e6f
--- /dev/null
+++ b/samples/layouts/carousel/overview/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "wc-carousel-overview",
+  "version": "1.0.0",
+  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "main": "src/index.ts",
+  "scripts": {
+    "build": "npm run build:prod",
+    "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod": "webpack-dev-server --env.NODE_ENV=production  --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start": "npm run serve:dev",
+    "build:legacy": "npm run build:prod:legacy",
+    "build:dev:legacy": "webpack --env.legacy=true  --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true  --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start:legacy": "npm run serve:dev:legacy"
+  },
+  "author": "Infragistics",
+  "dependencies": {
+    "@webcomponents/custom-elements": "^1.4.1",
+    "@webcomponents/template": "^1.4.2",
+    "babel-runtime": "^6.26.0",
+    "core-js": "^3.6.5",
+    "igniteui-webcomponents": "4.11.1",
+    "lit": "^2.0.2",
+    "lit-html": "^2.2.0",
+    "tslib": "^2.6.3"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.3",
+    "@babel/core": "^7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.10.0",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "css-loader": "^1.0.0",
+    "csv-loader": "^3.0.2",
+    "file-loader": "^4.2.0",
+    "fork-ts-checker-webpack-plugin": "^4.1.5",
+    "html-webpack-plugin": "^4.3.0",
+    "parcel-bundler": "^1.6.1",
+    "source-map": "^0.7.3",
+    "style-loader": "^0.22.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
+    "typescript": "^4.4.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
+    "worker-loader": "^3.0.8",
+    "xml-loader": "^1.2.1"
+  },
+  "license": "",
+  "homepage": "."
+}
diff --git a/samples/layouts/carousel/overview/sandbox.config.json b/samples/layouts/carousel/overview/sandbox.config.json
new file mode 100644
index 0000000000..5c5b54fe21
--- /dev/null
+++ b/samples/layouts/carousel/overview/sandbox.config.json
@@ -0,0 +1,7 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "parcel"
+}
+  
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/src/index.css b/samples/layouts/carousel/overview/src/index.css
new file mode 100644
index 0000000000..7c8518a5ca
--- /dev/null
+++ b/samples/layouts/carousel/overview/src/index.css
@@ -0,0 +1,33 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
+
+.carousel-container {
+    padding: 16px;
+}
+
+.image-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+img {
+    object-fit: fill;
+    max-width: 90%;
+}
+
+igc-carousel {
+    border-radius: 10px;
+    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
+    margin-inline: auto;
+    max-width: 75%;
+    height: 450px;
+}
+
+igc-carousel-slide::part(base) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    max-width: 75%;
+    margin-inline: auto;
+}
diff --git a/samples/layouts/carousel/overview/src/index.ts b/samples/layouts/carousel/overview/src/index.ts
new file mode 100644
index 0000000000..98ff90bdc8
--- /dev/null
+++ b/samples/layouts/carousel/overview/src/index.ts
@@ -0,0 +1,9 @@
+import { defineComponents, IgcCarouselComponent } from "igniteui-webcomponents";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
+
+defineComponents(IgcCarouselComponent);
+
+export class CarouselOverview {}
+
+new CarouselOverview();
diff --git a/samples/layouts/carousel/overview/tsconfig.json b/samples/layouts/carousel/overview/tsconfig.json
new file mode 100644
index 0000000000..de23257dd8
--- /dev/null
+++ b/samples/layouts/carousel/overview/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+      "noImplicitReturns": true,
+      "esModuleInterop": true,
+      "noImplicitAny": true,
+      "declarationDir": "dist/types",
+      "moduleResolution": "node",
+      "declaration": true,
+      "target": "es2015",
+      "module": "es2015",
+      "strict": true
+  },
+  "include": [
+      "src/**/*"
+  ],
+  "exclude": [
+      "node_modules",
+      "dist"
+  ]
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/overview/webpack.config.js b/samples/layouts/carousel/overview/webpack.config.js
new file mode 100644
index 0000000000..9d11a6155c
--- /dev/null
+++ b/samples/layouts/carousel/overview/webpack.config.js
@@ -0,0 +1,105 @@
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = env => {
+    const nodeEnv = process.env.NODE_ENV || 'development';
+    const isProd = nodeEnv === 'production';
+    const isLegacy = !!process.env.legacy && !(process.env.legacy == "false");
+    console.log(">> webpack nodeEnv=" + nodeEnv);
+    console.log(">> webpack isProd=" + isProd);
+    console.log(">> webpack isLegacy=" + isLegacy);
+    const presets = [
+        ["@babel/preset-env", {
+            "useBuiltIns": "usage",
+            "corejs": 3,
+            "targets": {
+                "browsers": isLegacy ? ["defaults"] : [
+                    "last 2 Chrome versions",
+                    "last 2 Safari versions",
+                    "last 2 iOS versions",
+                    "last 2 Firefox versions",
+                    "last 2 Edge versions"]
+            }
+        }],
+        "@babel/preset-typescript"
+    ];
+
+    return {
+        entry: isLegacy ? [
+            path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'),
+            path.resolve(__dirname, 'node_modules/@webcomponents/template'),
+            path.resolve(__dirname, 'src')
+        ] : path.resolve(__dirname, 'src'),
+        devtool: isProd ? false : 'source-map',
+        output: {
+            filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js',
+            globalObject: 'this',
+            path: path.resolve(__dirname, 'dist'),
+        },
+
+        resolve: {
+            mainFields: ['esm2015', 'module', 'main'],
+            extensions: ['.ts', '.js', '.json'],
+            plugins: [new TsconfigPathsPlugin({
+                configFile: './tsconfig.json',
+                extensions: ['.ts', '.js'],
+                mainFields: ['esm2015', 'module', 'main']
+            })]
+        },
+
+        module: {
+            rules: [
+                { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] },
+                { test: /\.(csv|tsv)$/, use: ['csv-loader'] },
+                { test: /\.xml$/, use: ['xml-loader'] },
+                { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] },
+                {
+                    test: /worker\.(ts|js)$/,
+                    use: [
+                        { loader: 'worker-loader' },
+                        {
+                            loader: 'babel-loader', options: {
+                                "compact": isProd ? true : false,
+                                "presets": presets,
+                                "plugins": [
+                                    "@babel/plugin-proposal-class-properties",
+                                    "@babel/plugin-transform-runtime"
+                                ]
+                            }
+                        }
+                    ]
+                },
+                {
+                    test: /\.(ts|js)$/, loader: 'babel-loader',
+                    options: {
+                        "compact": isProd ? true : false,
+                        "presets": presets,
+                        "plugins": [
+                            "@babel/plugin-proposal-class-properties",
+                            "@babel/plugin-transform-runtime"
+                        ]
+                    },
+                    exclude:
+                        function (modulePath) {
+                            return /node_modules/.test(modulePath) &&
+                                !/igniteui-webcomponents/.test(modulePath) &&
+                                !/lit-html/.test(modulePath);
+                        }
+                }],
+        },
+
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(nodeEnv)
+            }),
+            new HtmlWebpackPlugin({
+                title: 'for-cs',
+                template: 'index.html'
+            }),
+            new ForkTsCheckerWebpackPlugin()
+        ]
+    };
+};
diff --git a/samples/layouts/carousel/thumbnail/.prettierrc b/samples/layouts/carousel/thumbnail/.prettierrc
new file mode 100644
index 0000000000..15a7c7c6cf
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/.prettierrc
@@ -0,0 +1,11 @@
+{
+  "printWidth": 250,
+  "tabWidth": 4,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "fluid": false
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/ReadMe.md b/samples/layouts/carousel/thumbnail/ReadMe.md
new file mode 100644
index 0000000000..bb5b663ecb
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-wc-examples/tree/vnext/templates/browser/sample/ReadMe.md -->
+
+This folder contains implementation of Web Components application with example of Thumbnail feature using [Carousel](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://infragistics.com/webcomponentssite/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.ts" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/webcomponents-demos/samples/layouts/carousel/thumbnail" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-wc-examples/tree/master/samples/layouts/carousel/thumbnail?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/{SampleFile}" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## Branches
+
+> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository.
+
+## Instructions
+
+To set up this project locally, execute these commands:
+
+```
+git clone https://github.com/IgniteUI/igniteui-wc-examples.git
+git checkout master
+cd ./igniteui-wc-examples
+cd ./samples/layouts/carousel/thumbnail
+```
+
+open above folder in VS Code or type:
+```
+code .
+```
+
+In terminal window, run:
+
+```
+npm install
+npm run start
+```
+
+Then open http://localhost:4200/ in your browser
+
+
+## Learn More
+
+To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html).
diff --git a/samples/layouts/carousel/thumbnail/index.html b/samples/layouts/carousel/thumbnail/index.html
new file mode 100644
index 0000000000..4efbc165d8
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/index.html
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Carousel Thumbnail</title>
+    <meta charset="UTF-8" />
+
+    <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
+    <link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" type="text/css" />
+  </head>
+
+  <body>
+    <div id="root">
+      <div class="container sample">
+        <igc-carousel
+          skip-pause-on-interaction
+          skip-navigation
+          interval="2000"
+          animation-type="fade"
+          vertical
+        >
+          <igc-carousel-indicator>
+            <img
+              class="blurred"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/WonderfulCoastThumb.png"
+              alt="Wonderful Coast Thumb"
+              width="50"
+              height="60"
+            />
+            <img
+              slot="active"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/WonderfulCoastThumb.png"
+              alt="Wonderful Coast Thumb Active"
+              width="50"
+              height="60"
+            />
+          </igc-carousel-indicator>
+          <igc-carousel-indicator>
+            <img
+              class="blurred"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/CulturalDipThumb.png"
+              alt="Cultural Dip Thumb"
+              width="50"
+              height="60"
+            />
+            <img
+              slot="active"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/CulturalDipThumb.png"
+              alt="Cultural Dip Thumb Active"
+              width="50"
+              height="60"
+            />
+          </igc-carousel-indicator>
+          <igc-carousel-indicator>
+            <img
+              class="blurred"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/GoldenBeachesThumb.png"
+              alt="Golden Beaches Thumb"
+              width="50"
+              height="60"
+            />
+            <img
+              slot="active"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/GoldenBeachesThumb.png"
+              alt="Golden Beaches Thumb Active"
+              width="50"
+              height="60"
+            />
+          </igc-carousel-indicator>
+          <igc-carousel-indicator>
+            <img
+              class="blurred"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/IslandOfHistoryThumb.png"
+              alt="Island Of History Thumb"
+              width="50"
+              height="60"
+            />
+            <img
+              slot="active"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/IslandOfHistoryThumb.png"
+              alt="Island Of History Thumb Active"
+              width="50"
+              height="60"
+            />
+          </igc-carousel-indicator>
+          <igc-carousel-indicator>
+            <img
+              class="blurred"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/AmazingBridgeThumb.png"
+              alt="Amazing Bridge Thumb"
+              width="50"
+              height="60"
+            />
+            <img
+              slot="active"
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/AmazingBridgeThumb.png"
+              alt="Amazing Bridge Thumb Active"
+              width="50"
+              height="60"
+            />
+          </igc-carousel-indicator>
+        
+          <igc-carousel-slide>
+            <img
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/WonderfulCoast.png"
+              alt="Wonderful Coast"
+            />
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <img
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/CulturalDip.png"
+              alt="Cultural Dip"
+            />
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <img
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/GoldenBeaches.png"
+              alt="Golden Beaches"
+            />
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <img
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/IslandOfHistory.png"
+              alt="Island Of History"
+            />
+          </igc-carousel-slide>
+          <igc-carousel-slide>
+            <img
+              src="https://www.infragistics.com/angular-demos-lob/assets/images/carousel/AmazingBridge.png"
+              alt="Amazing Bridge"
+            />
+          </igc-carousel-slide>
+        </igc-carousel>
+      </div>
+    </div>
+    <!-- This script is needed only for parcel and it will be excluded for webpack -->
+    <% if (false) { %><script src="src/index.ts"></script><% } %>
+
+  </body>
+</html>
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
new file mode 100644
index 0000000000..e08d147b35
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "wc-carousel-thumbnail",
+  "version": "1.0.0",
+  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "main": "src/index.ts",
+  "scripts": {
+    "build": "npm run build:prod",
+    "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod": "webpack-dev-server --env.NODE_ENV=production  --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start": "npm run serve:dev",
+    "build:legacy": "npm run build:prod:legacy",
+    "build:dev:legacy": "webpack --env.legacy=true  --mode development --config ./webpack.config.js --progress --color --display-error-details",
+    "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true  --mode production --config ./webpack.config.js  --progress  --color --display-error-details --bail",
+    "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open",
+    "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/",
+    "start:legacy": "npm run serve:dev:legacy"
+  },
+  "author": "Infragistics",
+  "dependencies": {
+    "@webcomponents/custom-elements": "^1.4.1",
+    "@webcomponents/template": "^1.4.2",
+    "babel-runtime": "^6.26.0",
+    "core-js": "^3.6.5",
+    "igniteui-webcomponents": "4.11.1",
+    "lit": "^2.0.2",
+    "lit-html": "^2.2.0",
+    "tslib": "^2.6.3"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.3",
+    "@babel/core": "^7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.10.0",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
+    "@types/source-map": "^0.5.7",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
+    "css-loader": "^1.0.0",
+    "csv-loader": "^3.0.2",
+    "file-loader": "^4.2.0",
+    "fork-ts-checker-webpack-plugin": "^4.1.5",
+    "html-webpack-plugin": "^4.3.0",
+    "parcel-bundler": "^1.6.1",
+    "source-map": "^0.7.3",
+    "style-loader": "^0.22.1",
+    "tsconfig-paths-webpack-plugin": "^4.0.0",
+    "typescript": "^4.4.4",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
+    "worker-loader": "^3.0.8",
+    "xml-loader": "^1.2.1"
+  },
+  "license": "",
+  "homepage": "."
+}
diff --git a/samples/layouts/carousel/thumbnail/sandbox.config.json b/samples/layouts/carousel/thumbnail/sandbox.config.json
new file mode 100644
index 0000000000..5c5b54fe21
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/sandbox.config.json
@@ -0,0 +1,7 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser",
+    "template": "parcel"
+}
+  
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/src/index.css b/samples/layouts/carousel/thumbnail/src/index.css
new file mode 100644
index 0000000000..22ef05c0db
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/src/index.css
@@ -0,0 +1,16 @@
+/* shared styles are loaded from: */
+/* https://static.infragistics.com/xplatform/css/samples */
+
+igc-carousel {
+
+    width: 60%
+}
+
+igc-carousel::part(indicators) {
+    border-radius: 2px;
+}
+
+.blurred {
+    filter: blur(2px);
+    opacity: 0.5;
+}
diff --git a/samples/layouts/carousel/thumbnail/src/index.ts b/samples/layouts/carousel/thumbnail/src/index.ts
new file mode 100644
index 0000000000..1de000b5d0
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/src/index.ts
@@ -0,0 +1,9 @@
+import { defineComponents, IgcCarouselComponent } from "igniteui-webcomponents";
+import "igniteui-webcomponents/themes/light/bootstrap.css";
+import "./index.css";
+
+defineComponents(IgcCarouselComponent);
+
+export class CarouselThumbnail {}
+
+new CarouselThumbnail();
diff --git a/samples/layouts/carousel/thumbnail/tsconfig.json b/samples/layouts/carousel/thumbnail/tsconfig.json
new file mode 100644
index 0000000000..de23257dd8
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+      "noImplicitReturns": true,
+      "esModuleInterop": true,
+      "noImplicitAny": true,
+      "declarationDir": "dist/types",
+      "moduleResolution": "node",
+      "declaration": true,
+      "target": "es2015",
+      "module": "es2015",
+      "strict": true
+  },
+  "include": [
+      "src/**/*"
+  ],
+  "exclude": [
+      "node_modules",
+      "dist"
+  ]
+}
\ No newline at end of file
diff --git a/samples/layouts/carousel/thumbnail/webpack.config.js b/samples/layouts/carousel/thumbnail/webpack.config.js
new file mode 100644
index 0000000000..9d11a6155c
--- /dev/null
+++ b/samples/layouts/carousel/thumbnail/webpack.config.js
@@ -0,0 +1,105 @@
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = env => {
+    const nodeEnv = process.env.NODE_ENV || 'development';
+    const isProd = nodeEnv === 'production';
+    const isLegacy = !!process.env.legacy && !(process.env.legacy == "false");
+    console.log(">> webpack nodeEnv=" + nodeEnv);
+    console.log(">> webpack isProd=" + isProd);
+    console.log(">> webpack isLegacy=" + isLegacy);
+    const presets = [
+        ["@babel/preset-env", {
+            "useBuiltIns": "usage",
+            "corejs": 3,
+            "targets": {
+                "browsers": isLegacy ? ["defaults"] : [
+                    "last 2 Chrome versions",
+                    "last 2 Safari versions",
+                    "last 2 iOS versions",
+                    "last 2 Firefox versions",
+                    "last 2 Edge versions"]
+            }
+        }],
+        "@babel/preset-typescript"
+    ];
+
+    return {
+        entry: isLegacy ? [
+            path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'),
+            path.resolve(__dirname, 'node_modules/@webcomponents/template'),
+            path.resolve(__dirname, 'src')
+        ] : path.resolve(__dirname, 'src'),
+        devtool: isProd ? false : 'source-map',
+        output: {
+            filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js',
+            globalObject: 'this',
+            path: path.resolve(__dirname, 'dist'),
+        },
+
+        resolve: {
+            mainFields: ['esm2015', 'module', 'main'],
+            extensions: ['.ts', '.js', '.json'],
+            plugins: [new TsconfigPathsPlugin({
+                configFile: './tsconfig.json',
+                extensions: ['.ts', '.js'],
+                mainFields: ['esm2015', 'module', 'main']
+            })]
+        },
+
+        module: {
+            rules: [
+                { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] },
+                { test: /\.(csv|tsv)$/, use: ['csv-loader'] },
+                { test: /\.xml$/, use: ['xml-loader'] },
+                { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] },
+                {
+                    test: /worker\.(ts|js)$/,
+                    use: [
+                        { loader: 'worker-loader' },
+                        {
+                            loader: 'babel-loader', options: {
+                                "compact": isProd ? true : false,
+                                "presets": presets,
+                                "plugins": [
+                                    "@babel/plugin-proposal-class-properties",
+                                    "@babel/plugin-transform-runtime"
+                                ]
+                            }
+                        }
+                    ]
+                },
+                {
+                    test: /\.(ts|js)$/, loader: 'babel-loader',
+                    options: {
+                        "compact": isProd ? true : false,
+                        "presets": presets,
+                        "plugins": [
+                            "@babel/plugin-proposal-class-properties",
+                            "@babel/plugin-transform-runtime"
+                        ]
+                    },
+                    exclude:
+                        function (modulePath) {
+                            return /node_modules/.test(modulePath) &&
+                                !/igniteui-webcomponents/.test(modulePath) &&
+                                !/lit-html/.test(modulePath);
+                        }
+                }],
+        },
+
+        plugins: [
+            new webpack.DefinePlugin({
+                'process.env.NODE_ENV': JSON.stringify(nodeEnv)
+            }),
+            new HtmlWebpackPlugin({
+                title: 'for-cs',
+                template: 'index.html'
+            }),
+            new ForkTsCheckerWebpackPlugin()
+        ]
+    };
+};

From c7554aff267daf97c2429848499f3b1f1b983f80 Mon Sep 17 00:00:00 2001
From: "azure-pipelines[bot]"
 <36771401+azure-pipelines[bot]@users.noreply.github.com>
Date: Tue, 17 Sep 2024 16:10:58 +0300
Subject: [PATCH 02/25] Adding changes from build
 igniteui-xplat-examples-output+PRs_2024.9.13.1 (#846)

---
 .../grids/grid/groupby-styling/src/index.css  | 22 +++++++++++++------
 .../aggregate-max-sales/src/index.ts          | 10 ++++-----
 .../aggregate-units-sold/src/index.ts         | 10 ++++-----
 .../grids/pivot-grid/features/src/index.ts    | 20 ++++++++---------
 4 files changed, 35 insertions(+), 27 deletions(-)

diff --git a/samples/grids/grid/groupby-styling/src/index.css b/samples/grids/grid/groupby-styling/src/index.css
index c27ca677b2..16ec1e174e 100644
--- a/samples/grids/grid/groupby-styling/src/index.css
+++ b/samples/grids/grid/groupby-styling/src/index.css
@@ -2,12 +2,20 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 #grid {
-    --ig-grid-group-row-background: #969799;
-    --ig-grid-group-row-selected-background: #969799;
-    --ig-grid-group-label-column-name-text: #f8f8f8;
-    --ig-grid-group-label-text: #f8f8f8;
-    --ig-grid-group-count-text-color: #222;
-    --ig-grid-expand-icon-color: #f8f8f8;
-    --ig-grid-expand-icon-hover-color: #f8f8f8;
+    --ig-chip-text-color: rgb(248, 248, 248);
+    --ig-chip-hover-text-color: rgb(225, 225, 225);
+    --ig-chip-background: rgb(73, 73, 73);
+    --ig-chip-hover-background: rgb(56, 56, 56);
+    --ig-chip-focus-background: rgb(223, 181, 13);
+    --ig-chip-selected-background: rgb(223, 181, 13);
+    --ig-chip-focus-selected-background: rgb(223, 181, 13);
+    --ig-grid-group-row-background: rgb(73, 73, 73);
+    --ig-grid-group-row-selected-background: rgb(56, 56, 56);
+    --ig-grid-group-label-column-name-text: rgb(248, 248, 248);
+    --ig-grid-group-label-text: rgb(248, 248, 248);
+    --ig-grid-group-count-background: rgb(255, 205, 15);
+    --ig-grid-group-count-text-color: rgb(34, 34, 34);
+    --ig-grid-expand-icon-color: rgb(255, 205, 15);
+    --ig-grid-expand-icon-hover-color: rgb(223, 181, 13);
 }
 
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/src/index.ts b/samples/grids/pivot-grid/aggregate-max-sales/src/index.ts
index 62a75c1568..c1623b0f4f 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/src/index.ts
+++ b/samples/grids/pivot-grid/aggregate-max-sales/src/index.ts
@@ -13,22 +13,22 @@ export class Sample {
     public get pivotConfiguration1(): IgcPivotConfiguration {
         if (this._pivotConfiguration1 == null)
         {
-            var pivotConfiguration1 = new IgcPivotConfiguration();
+            var pivotConfiguration1: IgcPivotConfiguration = {} as IgcPivotConfiguration;
 
-            var pivotDimension1 = new IgcPivotDimension();
+            var pivotDimension1: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension1.memberName = "Country";
             pivotDimension1.enabled = true;
 
             pivotConfiguration1.columns = [pivotDimension1];
-            var pivotDimension2 = new IgcPivotDimension();
+            var pivotDimension2: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension2.memberName = "Product";
             pivotDimension2.enabled = true;
 
             pivotConfiguration1.rows = [pivotDimension2];
-            var pivotValue1 = new IgcPivotValue();
+            var pivotValue1: IgcPivotValue = {} as IgcPivotValue;
             pivotValue1.member = "Sales";
             pivotValue1.enabled = true;
-            var pivotAggregator1 = new IgcPivotAggregator();
+            var pivotAggregator1: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator1.key = "MAX";
             pivotAggregator1.aggregator = this.pivotSalesDataAggregateMaxSales;
 
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/src/index.ts b/samples/grids/pivot-grid/aggregate-units-sold/src/index.ts
index fc5e2a97d0..3aac431310 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/src/index.ts
+++ b/samples/grids/pivot-grid/aggregate-units-sold/src/index.ts
@@ -13,22 +13,22 @@ export class Sample {
     public get pivotConfiguration1(): IgcPivotConfiguration {
         if (this._pivotConfiguration1 == null)
         {
-            var pivotConfiguration1 = new IgcPivotConfiguration();
+            var pivotConfiguration1: IgcPivotConfiguration = {} as IgcPivotConfiguration;
 
-            var pivotDimension1 = new IgcPivotDimension();
+            var pivotDimension1: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension1.memberName = "Country";
             pivotDimension1.enabled = true;
 
             pivotConfiguration1.columns = [pivotDimension1];
-            var pivotDimension2 = new IgcPivotDimension();
+            var pivotDimension2: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension2.memberName = "Product";
             pivotDimension2.enabled = true;
 
             pivotConfiguration1.rows = [pivotDimension2];
-            var pivotValue1 = new IgcPivotValue();
+            var pivotValue1: IgcPivotValue = {} as IgcPivotValue;
             pivotValue1.member = "Sales";
             pivotValue1.enabled = true;
-            var pivotAggregator1 = new IgcPivotAggregator();
+            var pivotAggregator1: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator1.key = "MAX";
             pivotAggregator1.label = "SalesValue";
             pivotAggregator1.aggregator = this.pivotSalesDataAggregateUnitsSold;
diff --git a/samples/grids/pivot-grid/features/src/index.ts b/samples/grids/pivot-grid/features/src/index.ts
index e6d6a368f7..d88ea2c82d 100644
--- a/samples/grids/pivot-grid/features/src/index.ts
+++ b/samples/grids/pivot-grid/features/src/index.ts
@@ -13,12 +13,12 @@ export class Sample {
     public get pivotConfiguration1(): IgcPivotConfiguration {
         if (this._pivotConfiguration1 == null)
         {
-            var pivotConfiguration1 = new IgcPivotConfiguration();
+            var pivotConfiguration1: IgcPivotConfiguration = {} as IgcPivotConfiguration;
 
             var pivotDateDimension1 = new IgcPivotDateDimension();
             pivotDateDimension1.memberName = "Date";
             pivotDateDimension1.enabled = true;
-            var pivotDimension1 = new IgcPivotDimension();
+            var pivotDimension1: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension1.memberName = "Date";
             pivotDimension1.enabled = true;
 
@@ -32,42 +32,42 @@ export class Sample {
             pivotDateDimension1.options = pivotDateDimensionOptions1;
 
             pivotConfiguration1.columns = [pivotDateDimension1];
-            var pivotDimension2 = new IgcPivotDimension();
+            var pivotDimension2: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension2.memberName = "ProductName";
             pivotDimension2.sortDirection = SortingDirection.Asc;
             pivotDimension2.enabled = true;
 
-            var pivotDimension3 = new IgcPivotDimension();
+            var pivotDimension3: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension3.memberName = "SellerCity";
             pivotDimension3.enabled = true;
 
             pivotConfiguration1.rows = [pivotDimension2,pivotDimension3];
-            var pivotDimension4 = new IgcPivotDimension();
+            var pivotDimension4: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension4.memberName = "SellerName";
             pivotDimension4.enabled = true;
 
             pivotConfiguration1.filters = [pivotDimension4];
-            var pivotValue1 = new IgcPivotValue();
+            var pivotValue1: IgcPivotValue = {} as IgcPivotValue;
             pivotValue1.member = "AmountofSale";
             pivotValue1.displayName = "Amount of Sale";
             pivotValue1.enabled = true;
-            var pivotAggregator1 = new IgcPivotAggregator();
+            var pivotAggregator1: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator1.key = "SUM";
             pivotAggregator1.label = "Sum of Sale";
             pivotAggregator1.aggregator = this.pivotDataFlatAggregateSumSale;
 
             pivotValue1.aggregate = pivotAggregator1;
-            var pivotAggregator2 = new IgcPivotAggregator();
+            var pivotAggregator2: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator2.key = "SUM";
             pivotAggregator2.label = "Sum of Sale";
             pivotAggregator2.aggregator = this.pivotDataFlatAggregateSumSale;
 
-            var pivotAggregator3 = new IgcPivotAggregator();
+            var pivotAggregator3: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator3.key = "MIN";
             pivotAggregator3.label = "Minimum of Sale";
             pivotAggregator3.aggregator = this.pivotDataFlatAggregateMinSale;
 
-            var pivotAggregator4 = new IgcPivotAggregator();
+            var pivotAggregator4: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator4.key = "MAX";
             pivotAggregator4.label = "Maximum of Sale";
             pivotAggregator4.aggregator = this.pivotDataFlatAggregateMaxSale;

From 8ca147cd0077673bdba7d5fabbe68c58e4206409 Mon Sep 17 00:00:00 2001
From: Ivan Kitanov <69432826+IvanKitanov17@users.noreply.github.com>
Date: Thu, 26 Sep 2024 22:46:09 +0300
Subject: [PATCH 03/25] Renaming the sample so it doesn't cause build error
 (#847)

Co-authored-by: Ivan Kitanov <IKitanov@infragistics.com>
---
 samples/layouts/divider/{base => overview}/.prettierrc        | 0
 samples/layouts/divider/{base => overview}/ReadMe.md          | 0
 samples/layouts/divider/{base => overview}/index.html         | 2 +-
 samples/layouts/divider/{base => overview}/package.json       | 0
 .../layouts/divider/{base => overview}/sandbox.config.json    | 0
 samples/layouts/divider/{base => overview}/src/index.css      | 0
 samples/layouts/divider/{base => overview}/src/index.ts       | 4 ++--
 samples/layouts/divider/{base => overview}/tsconfig.json      | 0
 samples/layouts/divider/{base => overview}/webpack.config.js  | 0
 9 files changed, 3 insertions(+), 3 deletions(-)
 rename samples/layouts/divider/{base => overview}/.prettierrc (100%)
 rename samples/layouts/divider/{base => overview}/ReadMe.md (100%)
 rename samples/layouts/divider/{base => overview}/index.html (96%)
 rename samples/layouts/divider/{base => overview}/package.json (100%)
 rename samples/layouts/divider/{base => overview}/sandbox.config.json (100%)
 rename samples/layouts/divider/{base => overview}/src/index.css (100%)
 rename samples/layouts/divider/{base => overview}/src/index.ts (79%)
 rename samples/layouts/divider/{base => overview}/tsconfig.json (100%)
 rename samples/layouts/divider/{base => overview}/webpack.config.js (100%)

diff --git a/samples/layouts/divider/base/.prettierrc b/samples/layouts/divider/overview/.prettierrc
similarity index 100%
rename from samples/layouts/divider/base/.prettierrc
rename to samples/layouts/divider/overview/.prettierrc
diff --git a/samples/layouts/divider/base/ReadMe.md b/samples/layouts/divider/overview/ReadMe.md
similarity index 100%
rename from samples/layouts/divider/base/ReadMe.md
rename to samples/layouts/divider/overview/ReadMe.md
diff --git a/samples/layouts/divider/base/index.html b/samples/layouts/divider/overview/index.html
similarity index 96%
rename from samples/layouts/divider/base/index.html
rename to samples/layouts/divider/overview/index.html
index 3c81e3bc84..2a26901740 100644
--- a/samples/layouts/divider/base/index.html
+++ b/samples/layouts/divider/overview/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Divider Base</title>
+    <title>Divider Overview</title>
     <meta charset="UTF-8" />
 
     <link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/wc.png" >
diff --git a/samples/layouts/divider/base/package.json b/samples/layouts/divider/overview/package.json
similarity index 100%
rename from samples/layouts/divider/base/package.json
rename to samples/layouts/divider/overview/package.json
diff --git a/samples/layouts/divider/base/sandbox.config.json b/samples/layouts/divider/overview/sandbox.config.json
similarity index 100%
rename from samples/layouts/divider/base/sandbox.config.json
rename to samples/layouts/divider/overview/sandbox.config.json
diff --git a/samples/layouts/divider/base/src/index.css b/samples/layouts/divider/overview/src/index.css
similarity index 100%
rename from samples/layouts/divider/base/src/index.css
rename to samples/layouts/divider/overview/src/index.css
diff --git a/samples/layouts/divider/base/src/index.ts b/samples/layouts/divider/overview/src/index.ts
similarity index 79%
rename from samples/layouts/divider/base/src/index.ts
rename to samples/layouts/divider/overview/src/index.ts
index a63ddbef16..60f83b518e 100644
--- a/samples/layouts/divider/base/src/index.ts
+++ b/samples/layouts/divider/overview/src/index.ts
@@ -3,9 +3,9 @@ import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 defineComponents(IgcDividerComponent);
 
-export class SelectOverview {
+export class DividerOverview {
     constructor() {
     }
 }
 
-new SelectOverview();
+new DividerOverview();
diff --git a/samples/layouts/divider/base/tsconfig.json b/samples/layouts/divider/overview/tsconfig.json
similarity index 100%
rename from samples/layouts/divider/base/tsconfig.json
rename to samples/layouts/divider/overview/tsconfig.json
diff --git a/samples/layouts/divider/base/webpack.config.js b/samples/layouts/divider/overview/webpack.config.js
similarity index 100%
rename from samples/layouts/divider/base/webpack.config.js
rename to samples/layouts/divider/overview/webpack.config.js

From dd449a30ce5221fe4404e688a78970f4324b52e1 Mon Sep 17 00:00:00 2001
From: Maya <MKirova@infragistics.com>
Date: Mon, 30 Sep 2024 16:53:03 +0300
Subject: [PATCH 04/25] chore(*): Get dom elements on demand after load. (#835)

---
 .../pivot-grid/data-persistence-noop/src/index.ts | 15 +++++++++++----
 .../state-persistence-main/src/index.ts           | 10 ++++++++--
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/samples/grids/pivot-grid/data-persistence-noop/src/index.ts b/samples/grids/pivot-grid/data-persistence-noop/src/index.ts
index 1eeaa885e0..7c779d8b07 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/src/index.ts
+++ b/samples/grids/pivot-grid/data-persistence-noop/src/index.ts
@@ -53,11 +53,17 @@ export class Sample {
         filters: null
     };
     public stateKey = 'pivot-grid-state';
-    private gridState: IgcGridStateComponent;
+    private _gridState: IgcGridStateComponent;
+
+    public get gridState() {
+        if (!this._gridState) {
+            this._gridState = document.getElementById('gridState') as IgcGridStateComponent;
+        }
+        return this._gridState;
+    }
 
     constructor() {
         var grid = document.getElementById("grid") as IgcPivotGridComponent;
-        this.gridState = document.getElementById('gridState') as IgcGridStateComponent;
         grid.pivotConfiguration = this.pivotConfiguration;
         PivotNoopData.getData().then((value) => {
             grid.data = value;
@@ -69,8 +75,9 @@ export class Sample {
         saveStateBtn.addEventListener('click', (ev: any) => this.saveGridState());
         restoreStateBtn.addEventListener('click', (ev: any) => this.restoreGridState());
         clearStorageBtn.addEventListener('click', (ev: any) => this.clearStorage());
-
-        this.gridState.addEventListener('stateParsed', (ev:any) => this.stateParsedHandler(ev) );
+        grid.addEventListener("rendered", () => {
+            this.gridState.addEventListener('stateParsed', (ev:any) => this.stateParsedHandler(ev) );
+        });
     }
 
     public saveGridState() {
diff --git a/samples/grids/pivot-grid/state-persistence-main/src/index.ts b/samples/grids/pivot-grid/state-persistence-main/src/index.ts
index 66b6d3f2d3..86f4132afb 100644
--- a/samples/grids/pivot-grid/state-persistence-main/src/index.ts
+++ b/samples/grids/pivot-grid/state-persistence-main/src/index.ts
@@ -16,7 +16,7 @@ const refreshIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox
 export class Sample {
     private gridData;
     private grid: IgcPivotGridComponent;
-    private gridState: IgcGridStateComponent;
+    private _gridState: IgcGridStateComponent;
     public stateKey = 'pivot-grid-state';
 
     public options: IgcGridStateOptions = {
@@ -40,6 +40,13 @@ export class Sample {
         return data.map((x: any) => x.ProductUnitPrice * x.NumberOfUnits).reduce((a: any, b: any) => Math.max(a,b));
     };
 
+    public get gridState() {
+        if (!this._gridState) {
+            this._gridState = document.getElementById('gridState') as IgcGridStateComponent;
+        }
+        return this._gridState;
+    }
+
     private pivotConfiguration: IgcPivotConfiguration = {
         columns: [
             new IgcPivotDateDimension(
@@ -172,7 +179,6 @@ export class Sample {
     constructor() {
         var grid = this.grid = document.getElementById('grid') as IgcPivotGridComponent;
         this.gridData = new PivotDataFlat();
-        this.gridState = document.getElementById('gridState') as IgcGridStateComponent;
 
         var saveStateBtn = document.getElementById("saveState") as IgcButtonComponent;
         var restoreStateBtn = document.getElementById("restoreState") as IgcButtonComponent;

From 2699ea9d147e197efe5daa766b36762fc3b9012b Mon Sep 17 00:00:00 2001
From: Galina Edinakova <gedinakova@infragistics.com>
Date: Wed, 2 Oct 2024 15:35:59 +0300
Subject: [PATCH 05/25] fix(#848): Resolved unresponsiveness on hiding a
 maximized pane. (#849)

Co-authored-by: igdmdimitrov <49060557+igdmdimitrov@users.noreply.github.com>
---
 samples/layouts/dock-manager/hiding-panes/src/index.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/samples/layouts/dock-manager/hiding-panes/src/index.ts b/samples/layouts/dock-manager/hiding-panes/src/index.ts
index 19858e6206..f58e2265d8 100644
--- a/samples/layouts/dock-manager/hiding-panes/src/index.ts
+++ b/samples/layouts/dock-manager/hiding-panes/src/index.ts
@@ -150,6 +150,16 @@ export class DockManagerHidePanes {
         for (const pane of ev.detail.panes) {
             pane.hidden = true;
             this.setHiddenPane(pane);
+            
+            if (this.dockManager.maximizedPane)
+            {
+                if (this.dockManager.maximizedPane === pane ||
+                    (this.dockManager.maximizedPane.type === IgcDockManagerPaneType.tabGroupPane &&
+                        this.dockManager.maximizedPane.panes.findIndex(() => pane as IgcContentPane) > -1)) {
+                    this.dockManager.maximizedPane.isMaximized = false;
+                    this.dockManager.maximizedPane = null;
+                }
+            }
         }
         ev.preventDefault();
     }

From 219aeae5467be0d40c03137dc7394bd4286b5e55 Mon Sep 17 00:00:00 2001
From: Deyan Kamburov <dkamburov@users.noreply.github.com>
Date: Thu, 10 Oct 2024 14:02:43 +0300
Subject: [PATCH 06/25] chore(*): update to 5.0.0-beta.0 (#851)

---
 browser/tasks/gulp-samples.js                 |  22 ++--
 package-lock.json                             | 124 +++++++++---------
 package.json                                  |  22 ++--
 .../annotations-all/package.json              |   8 +-
 .../annotations-callouts/package.json         |   8 +-
 .../annotations-crosshairs/package.json       |   8 +-
 .../annotations-custom/package.json           |   8 +-
 .../annotations-final-value/package.json      |   8 +-
 .../annotations-highlighting/package.json     |   8 +-
 .../category-chart/annotations/package.json   |   4 +-
 .../area-chart-multiple-sources/package.json  |   4 +-
 .../area-chart-single-source/package.json     |   4 +-
 .../area-chart-styling/package.json           |   4 +-
 .../category-chart/axis-gap/package.json      |   8 +-
 .../axis-gridlines/package.json               |   8 +-
 .../category-chart/axis-inverted/package.json |   8 +-
 .../category-chart/axis-labels/package.json   |   8 +-
 .../axis-locations/package.json               |   8 +-
 .../category-chart/axis-options/package.json  |   4 +-
 .../category-chart/axis-overlap/package.json  |   8 +-
 .../category-chart/axis-range/package.json    |   8 +-
 .../axis-tickmarks/package.json               |   8 +-
 .../category-chart/axis-titles/package.json   |   4 +-
 .../chart-highlight-filter/package.json       |   8 +-
 .../package.json                              |   4 +-
 .../column-chart-single-source/package.json   |   4 +-
 .../column-chart-styling/package.json         |   4 +-
 .../package.json                              |   4 +-
 .../column-chart-with-tooltips/package.json   |   8 +-
 .../custom-selection/package.json             |   4 +-
 .../data-aggregations/package.json            |   8 +-
 .../category-chart/data-filter/package.json   |   8 +-
 .../package.json                              |   4 +-
 .../category-chart/data-legend/package.json   |   4 +-
 .../package.json                              |   4 +-
 .../data-tooltip-positioning/package.json     |   8 +-
 .../category-chart/data-tooltip/package.json  |   4 +-
 .../format-specifiers/package.json            |   8 +-
 .../high-frequency/package.json               |   4 +-
 .../category-chart/high-volume/package.json   |   4 +-
 .../highlighting-behavior/package.json        |   8 +-
 .../highlighting-mode/package.json            |   8 +-
 .../category-chart/highlighting/package.json  |   4 +-
 .../legend-highlighting/package.json          |   4 +-
 .../line-chart-multiple-sources/package.json  |   4 +-
 .../line-chart-single-source/package.json     |   4 +-
 .../line-chart-styling/package.json           |   4 +-
 .../line-chart-with-animations/package.json   |   4 +-
 .../line-chart-with-annotations/package.json  |   4 +-
 .../marker-options/package.json               |   8 +-
 .../marker-templates/package.json             |   4 +-
 .../category-chart/overview/package.json      |   4 +-
 .../point-chart-multiple-sources/package.json |   4 +-
 .../point-chart-single-source/package.json    |   4 +-
 .../point-chart-styling/package.json          |   4 +-
 .../selection-modes/package.json              |   4 +-
 .../selection-multiple-modes/package.json     |   8 +-
 .../spline-area-multiple-sources/package.json |   4 +-
 .../spline-area-single-source/package.json    |   4 +-
 .../spline-area-styling/package.json          |   4 +-
 .../spline-multiple-sources/package.json      |   4 +-
 .../spline-single-source/package.json         |   4 +-
 .../spline-styling/package.json               |   4 +-
 .../category-chart/stack-columns/package.json |   4 +-
 .../step-area-multiple-sources/package.json   |   4 +-
 .../step-area-single-source/package.json      |   4 +-
 .../step-area-styling/package.json            |   4 +-
 .../step-line-multiple-sources/package.json   |   4 +-
 .../step-line-single-source/package.json      |   4 +-
 .../step-line-styling/package.json            |   4 +-
 .../tooltip-template/package.json             |   4 +-
 .../category-chart/tooltip-types/package.json |   4 +-
 .../category-chart/trendline/package.json     |   4 +-
 .../category-chart/value-lines/package.json   |   8 +-
 .../annotations-custom/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../data-chart/axis-annotations/package.json  |   4 +-
 .../data-chart/axis-crossing/package.json     |   4 +-
 .../axis-label-rotation/package.json          |   8 +-
 .../data-chart/axis-locations/package.json    |   4 +-
 .../data-chart/axis-min-max-gap/package.json  |   4 +-
 .../data-chart/axis-settings/package.json     |   4 +-
 .../data-chart/axis-sharing/package.json      |   4 +-
 .../charts/data-chart/axis-types/package.json |   4 +-
 .../bar-chart-multiple-sources/package.json   |   4 +-
 .../bar-chart-overlapping/package.json        |   4 +-
 .../bar-chart-single-source/package.json      |   4 +-
 .../data-chart/bar-chart-styling/package.json |   4 +-
 .../callout-layer-styling/package.json        |   4 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../chart-highlight-filter/package.json       |   8 +-
 .../data-chart/chart-navigation/package.json  |   4 +-
 .../data-chart/chart-overview/package.json    |   4 +-
 .../data-chart/chart-performance/package.json |   4 +-
 .../chart-synchronization/package.json        |   4 +-
 .../data-chart/chart-titles/package.json      |   4 +-
 .../data-chart/composite-chart/package.json   |   4 +-
 .../crosshair-layer-styling/package.json      |   4 +-
 .../custom-drawing-annotations/package.json   |   8 +-
 .../custom-editing-data/package.json          |   4 +-
 .../data-chart/dash-array-axes/package.json   |   4 +-
 .../data-chart/dash-array-series/package.json |   4 +-
 .../dash-array-tickmarks/package.json         |   4 +-
 .../dash-array-trendline/package.json         |   4 +-
 .../package.json                              |   4 +-
 .../data-legend-grouping/package.json         |   4 +-
 .../data-legend-styling/package.json          |   4 +-
 .../data-chart/data-legend/package.json       |   4 +-
 .../package.json                              |   8 +-
 .../data-tooltip-grouping/package.json        |   8 +-
 .../data-tooltip-styling/package.json         |   8 +-
 .../data-chart/data-tooltip/package.json      |   4 +-
 .../final-value-layer-styling/package.json    |   4 +-
 .../financial-price-series/package.json       |   4 +-
 .../data-chart/format-specifiers/package.json |   4 +-
 .../charts/data-chart/legends/package.json    |   4 +-
 .../polar-area-chart-styling/package.json     |   4 +-
 .../data-chart/polar-area-chart/package.json  |   4 +-
 .../data-chart/polar-chart-types/package.json |   4 +-
 .../data-chart/polar-line-chart/package.json  |   4 +-
 .../polar-scatter-chart/package.json          |   4 +-
 .../polar-spline-area-chart/package.json      |   4 +-
 .../polar-spline-chart/package.json           |   4 +-
 .../radial-area-chart-styling/package.json    |   4 +-
 .../data-chart/radial-area-chart/package.json |   4 +-
 .../radial-chart-types/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../radial-column-chart/package.json          |   4 +-
 .../data-chart/radial-label-mode/package.json |   8 +-
 .../data-chart/radial-line-chart/package.json |   4 +-
 .../data-chart/radial-pie-chart/package.json  |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../data-chart/range-area-chart/package.json  |   4 +-
 .../range-column-chart/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../scatter-bubble-chart-styling/package.json |   4 +-
 .../scatter-line-chart/package.json           |   4 +-
 .../scatter-point-chart/package.json          |   4 +-
 .../scatter-spline-chart/package.json         |   4 +-
 .../data-chart/series-animations/package.json |   4 +-
 .../series-annotations/package.json           |   4 +-
 .../data-chart/series-error-bars/package.json |   4 +-
 .../series-highlighting/package.json          |   4 +-
 .../series-marker-template/package.json       |   4 +-
 .../data-chart/series-markers/package.json    |   4 +-
 .../data-chart/series-tooltips/package.json   |   4 +-
 .../data-chart/series-trendlines/package.json |   4 +-
 .../series-value-overlay/package.json         |   4 +-
 .../stacked-100-area-chart/package.json       |   4 +-
 .../stacked-100-bar-chart/package.json        |   4 +-
 .../stacked-100-column-chart/package.json     |   4 +-
 .../stacked-100-line-chart/package.json       |   4 +-
 .../package.json                              |   4 +-
 .../stacked-100-spline-chart/package.json     |   4 +-
 .../stacked-area-chart/package.json           |   4 +-
 .../data-chart/stacked-bar-chart/package.json |   4 +-
 .../stacked-chart-types/package.json          |   4 +-
 .../stacked-column-chart/package.json         |   4 +-
 .../stacked-line-chart/package.json           |   4 +-
 .../stacked-spline-area-chart/package.json    |   4 +-
 .../stacked-spline-chart/package.json         |   4 +-
 .../data-chart/tooltip-template/package.json  |   4 +-
 .../data-chart/transition-event/package.json  |   8 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../type-financial-ohlc-series/package.json   |   4 +-
 .../type-financial-overlays/package.json      |   4 +-
 .../type-financial-series/package.json        |   4 +-
 .../type-range-area-series/package.json       |   4 +-
 .../type-range-column-series/package.json     |   4 +-
 .../data-chart/type-range-series/package.json |   4 +-
 .../type-scatter-area-series/package.json     |   4 +-
 .../type-scatter-bubble-series/package.json   |   4 +-
 .../type-scatter-contour-series/package.json  |   4 +-
 .../type-scatter-hd-series/package.json       |   4 +-
 .../type-scatter-polygon-series/package.json  |   4 +-
 .../type-scatter-polyline-series/package.json |   4 +-
 .../type-scatter-series/package.json          |   4 +-
 .../data-chart/type-shape-series/package.json |   4 +-
 .../data-chart/waterfall-chart/package.json   |   4 +-
 .../data-pie-chart/animation/package.json     |   8 +-
 .../highlight-filter/package.json             |   4 +-
 .../data-pie-chart/highlighting/package.json  |   8 +-
 .../charts/data-pie-chart/legend/package.json |   8 +-
 .../charts/data-pie-chart/others/package.json |   8 +-
 .../data-pie-chart/overview/package.json      |   4 +-
 .../data-pie-chart/selection/package.json     |   8 +-
 .../doughnut-chart/animation/package.json     |   4 +-
 .../doughnut-chart/explosion/package.json     |   4 +-
 .../charts/doughnut-chart/legend/package.json |   4 +-
 .../doughnut-chart/overview/package.json      |   4 +-
 .../charts/doughnut-chart/rings/package.json  |   4 +-
 .../doughnut-chart/selection/package.json     |   4 +-
 .../financial-chart/annotations/package.json  |   4 +-
 .../financial-chart/axis-types/package.json   |   4 +-
 .../package.json                              |   4 +-
 .../data-legend-styling-props/package.json    |   4 +-
 .../financial-chart/data-legend/package.json  |   4 +-
 .../package.json                              |   4 +-
 .../data-tooltip-styling-props/package.json   |   4 +-
 .../financial-chart/data-tooltip/package.json |   4 +-
 .../format-specifiers/package.json            |   4 +-
 .../high-frequency/package.json               |   4 +-
 .../financial-chart/high-volume/package.json  |   4 +-
 .../indicator-customization/package.json      |   4 +-
 .../indicator-types/package.json              |   4 +-
 .../multiple-data/package.json                |   4 +-
 .../financial-chart/overview/package.json     |   4 +-
 .../charts/financial-chart/panes/package.json |   4 +-
 .../financial-chart/performance/package.json  |   4 +-
 .../financial-chart/scrollbars/package.json   |   4 +-
 .../stock-index-chart/package.json            |   4 +-
 .../financial-chart/styling/package.json      |   4 +-
 .../financial-chart/titles/package.json       |   4 +-
 .../tooltip-types/package.json                |   4 +-
 .../financial-chart/trendlines/package.json   |   4 +-
 .../financial-chart/volume-types/package.json |   4 +-
 .../charts/pie-chart/animation/package.json   |   4 +-
 .../charts/pie-chart/explosion/package.json   |   4 +-
 samples/charts/pie-chart/legend/package.json  |   4 +-
 samples/charts/pie-chart/others/package.json  |   4 +-
 .../charts/pie-chart/overview/package.json    |   4 +-
 .../charts/pie-chart/selection/package.json   |   4 +-
 samples/charts/pie-chart/styling/package.json |   4 +-
 .../sparkline/display-area/package.json       |   4 +-
 .../sparkline/display-column/package.json     |   4 +-
 .../sparkline/display-lines/package.json      |   8 +-
 .../sparkline/display-types/package.json      |   4 +-
 .../sparkline/display-winloss/package.json    |   4 +-
 samples/charts/sparkline/grid/package.json    |  10 +-
 samples/charts/sparkline/markers/package.json |   8 +-
 .../sparkline/normal-range/package.json       |   8 +-
 .../charts/sparkline/trendlines/package.json  |   8 +-
 .../sparkline/unknown-values/package.json     |   8 +-
 .../package.json                              |   8 +-
 .../actions-built-in-data-chart/package.json  |   8 +-
 .../charts/toolbar/custom-tool/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 samples/charts/toolbar/theming/package.json   |   8 +-
 samples/charts/tree-map/events/package.json   |   4 +-
 .../highlighting-percent-based/package.json   |   4 +-
 .../charts/tree-map/highlighting/package.json |   8 +-
 samples/charts/tree-map/layout/package.json   |   8 +-
 samples/charts/tree-map/overview/package.json |   4 +-
 samples/charts/tree-map/styling/package.json  |   4 +-
 .../charts/zoomslider/overview/package.json   |   4 +-
 .../overview/package.json                     |   8 +-
 .../x-date-picker/date-limits/package.json    |   6 +-
 .../x-date-picker/editing/package.json        |   6 +-
 .../editors/x-date-picker/format/package.json |   6 +-
 .../x-date-picker/overview/package.json       |   6 +-
 .../editors/x-date-picker/range/package.json  |   6 +-
 .../operations-on-workbooks/package.json      |  10 +-
 .../operations-on-worksheets/package.json     |   4 +-
 .../excel/excel-library/overview/package.json |   4 +-
 .../working-with-cells/package.json           |   4 +-
 .../working-with-charts/package.json          |  12 +-
 .../working-with-sparklines/package.json      |  12 +-
 .../excel/spreadsheet/activation/package.json |   6 +-
 .../spreadsheet/adapter-chart/package.json    |  10 +-
 .../spreadsheet/adapter-combo/package.json    |  10 +-
 .../excel/spreadsheet/clipboard/package.json  |   6 +-
 .../excel/spreadsheet/commands/package.json   |   6 +-
 .../conditional-formatting/package.json       |   6 +-
 .../spreadsheet/config-options/package.json   |   6 +-
 .../spreadsheet/data-validation/package.json  |   6 +-
 .../spreadsheet/filter-dialog/package.json    |   6 +-
 .../spreadsheet/format-dialog/package.json    |   6 +-
 .../excel/spreadsheet/hyperlinks/package.json |   6 +-
 .../excel/spreadsheet/overview/package.json   |   6 +-
 .../spreadsheet/sort-dialog/package.json      |   6 +-
 .../bullet-graph/animation/package.json       |   4 +-
 .../bullet-graph/background/package.json      |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/bullet-graph/labels/package.json   |   4 +-
 .../gauges/bullet-graph/measures/package.json |   4 +-
 .../gauges/bullet-graph/ranges/package.json   |   4 +-
 .../gauges/bullet-graph/scale/package.json    |   4 +-
 .../bullet-graph/tickmarks/package.json       |   4 +-
 .../bullet-graph/type-filled/package.json     |   4 +-
 .../bullet-graph/type-horizontal/package.json |   4 +-
 .../bullet-graph/type-reversed/package.json   |   4 +-
 .../bullet-graph/type-segmented/package.json  |   4 +-
 .../bullet-graph/type-vertical/package.json   |   4 +-
 .../linear-gauge/animation/package.json       |   4 +-
 .../gauges/linear-gauge/backing/package.json  |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/linear-gauge/labels/package.json   |   4 +-
 .../gauges/linear-gauge/needle/package.json   |   4 +-
 .../gauges/linear-gauge/ranges/package.json   |   4 +-
 .../gauges/linear-gauge/scale/package.json    |   4 +-
 .../linear-gauge/tickmarks/package.json       |   4 +-
 .../linear-gauge/type-curved/package.json     |   4 +-
 .../linear-gauge/type-filled/package.json     |   4 +-
 .../linear-gauge/type-horizontal/package.json |   4 +-
 .../type-multi-range/package.json             |   4 +-
 .../type-multi-scale/package.json             |   4 +-
 .../linear-gauge/type-segmented/package.json  |   4 +-
 .../linear-gauge/type-vertical/package.json   |   4 +-
 .../radial-gauge/animation/package.json       |   4 +-
 .../gauges/radial-gauge/backing/package.json  |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/radial-gauge/labels/package.json   |   4 +-
 .../gauges/radial-gauge/needle/package.json   |   4 +-
 .../radial-gauge/optical-scaling/package.json |   4 +-
 .../gauges/radial-gauge/ranges/package.json   |   4 +-
 .../gauges/radial-gauge/scale/package.json    |   4 +-
 .../radial-gauge/tickmarks/package.json       |   4 +-
 .../radial-gauge/type-column/package.json     |   4 +-
 .../radial-gauge/type-curved/package.json     |   4 +-
 .../radial-gauge/type-direction/package.json  |   4 +-
 .../radial-gauge/type-full/package.json       |   4 +-
 .../radial-gauge/type-half/package.json       |   4 +-
 .../radial-gauge/type-quatre/package.json     |   4 +-
 .../radial-gauge/type-ring/package.json       |   4 +-
 .../radial-gauge/type-segmented/package.json  |   4 +-
 .../radial-gauge/type-semi/package.json       |   4 +-
 .../data-grid/accessibility/package.json      |   8 +-
 .../binding-data-service/package.json         |   8 +-
 .../data-grid/binding-live-data/package.json  |  10 +-
 .../data-grid/binding-local-data/package.json |   8 +-
 .../binding-remote-data/package.json          |  10 +-
 .../data-grid/cell-activation/package.json    |   8 +-
 .../grids/data-grid/cell-editing/package.json |   8 +-
 .../grids/data-grid/cell-merging/package.json |  10 +-
 .../data-grid/cell-selection/package.json     |   8 +-
 .../data-grid/column-animation/package.json   |   8 +-
 .../column-chooser-picker/package.json        |   8 +-
 .../column-chooser-toolbar/package.json       |   8 +-
 .../column-filter-expressions/package.json    |   8 +-
 .../column-filter-operands/package.json       |   8 +-
 .../data-grid/column-filtering/package.json   |   8 +-
 .../data-grid/column-moving/package.json      |   8 +-
 .../data-grid/column-options/package.json     |   8 +-
 .../column-pinning-picker/package.json        |   8 +-
 .../column-pinning-toolbar/package.json       |   8 +-
 .../data-grid/column-resizing/package.json    |   8 +-
 .../data-grid/column-scrolling/package.json   |   8 +-
 .../data-grid/column-sorting/package.json     |   8 +-
 .../data-grid/column-summaries/package.json   |   8 +-
 .../grids/data-grid/column-types/package.json |  10 +-
 .../data-grid/load-save-layout/package.json   |  10 +-
 .../grids/data-grid/localization/package.json |  10 +-
 samples/grids/data-grid/overview/package.json |  10 +-
 samples/grids/data-grid/pager/package.json    |   8 +-
 .../grids/data-grid/performance/package.json  |   8 +-
 .../row-group-descriptions/package.json       |   8 +-
 .../grids/data-grid/row-grouping/package.json |   8 +-
 .../data-grid/row-highlighting/package.json   |   8 +-
 .../grids/data-grid/row-paging/package.json   |   8 +-
 .../grids/data-grid/row-pinning/package.json  |   8 +-
 .../data-grid/row-selection/package.json      |   8 +-
 .../type-comparison-table/package.json        |  10 +-
 .../data-grid/type-heatmap-table/package.json |   8 +-
 .../type-marketing-table/package.json         |  10 +-
 .../data-grid/type-matrix-table/package.json  |   8 +-
 .../type-periodic-table/package.json          |   8 +-
 .../grids/data-grid/type-table/package.json   |   8 +-
 samples/grids/grid/action-strip/package.json  |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../grid/binding-composite-data/package.json  |   8 +-
 .../grids/grid/binding-crud-data/package.json |   8 +-
 .../grid/binding-nested-data-1/package.json   |   8 +-
 .../grids/grid/cascading-combo/package.json   |   8 +-
 .../grid/cell-editing-sample/package.json     |   8 +-
 .../grid/cell-editing-styling/package.json    |   8 +-
 .../grid/cell-selection-mode/package.json     |   8 +-
 .../grid/cell-selection-style/package.json    |   8 +-
 .../grid/change-icons-custom/package.json     |   8 +-
 .../grid/clipboard-operations/package.json    |   8 +-
 .../grid/column-auto-sizing/package.json      |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../grids/grid/column-data-types/package.json |   8 +-
 .../grid/column-hiding-options/package.json   |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../grid/column-hiding-toolbar/package.json   |   8 +-
 .../grid/column-moving-options/package.json   |   8 +-
 .../grid/column-moving-styles/package.json    |   8 +-
 .../grid/column-pinning-options/package.json  |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../grid/column-pinning-styles/package.json   |   8 +-
 .../grids/grid/column-pinning/package.json    |   8 +-
 .../grid/column-resize-styling/package.json   |   8 +-
 .../grids/grid/column-resizing/package.json   |   8 +-
 .../grid/column-selection-group/package.json  |   8 +-
 .../grid/column-selection-mode/package.json   |   8 +-
 .../grid/column-selection-styles/package.json |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../grid/column-sorting-options/package.json  |   8 +-
 .../grid/column-sorting-style/package.json    |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../grid/custom-context-menu/package.json     |   8 +-
 .../grids/grid/custom-filtering/package.json  |   8 +-
 .../data-batch-editing-actions/package.json   |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../grid/data-paste-options/package.json      |   8 +-
 .../package.json                              |   8 +-
 .../grids/grid/data-searching/package.json    |   8 +-
 .../grid/data-summaries-custom/package.json   |   8 +-
 .../grid/data-summary-formatter/package.json  |   8 +-
 .../grid/data-summary-options/package.json    |   8 +-
 .../grid/data-summary-template/package.json   |   8 +-
 .../grid/data-validation-style/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../grid/data-validator-service/package.json  |   8 +-
 .../grids/grid/editing-columns/package.json   |   8 +-
 .../grids/grid/editing-events/package.json    |   8 +-
 .../editing-excel-style-custom/package.json   |   8 +-
 .../grid/editing-excel-style/package.json     |   8 +-
 .../grids/grid/editing-lifecycle/package.json |   8 +-
 .../grids/grid/excel-exporting/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../external-advanced-filtering/package.json  |   8 +-
 .../grids/grid/filtering-options/package.json |   8 +-
 .../grid/filtering-strategy/package.json      |   8 +-
 .../grids/grid/filtering-style/package.json   |   8 +-
 samples/grids/grid/finjs/package.json         |  10 +-
 .../grids/grid/groupby-custom/package.json    |   8 +-
 .../grid/groupby-expressions/package.json     |   8 +-
 .../grids/grid/groupby-paging/package.json    |   8 +-
 .../grids/grid/groupby-styling/package.json   |   8 +-
 .../grid/groupby-summary-options/package.json |   8 +-
 .../grid/groupby-summary-styling/package.json |   8 +-
 .../grids/grid/infinite-scroll/package.json   |   8 +-
 .../keyboard-custom-navigation/package.json   |   8 +-
 .../grid/keyboard-mrl-navigation/package.json |   8 +-
 .../keyboard-navigation-guide/package.json    |   8 +-
 .../grid/layout-display-density/package.json  |   8 +-
 samples/grids/grid/master-detail/package.json |   8 +-
 .../multi-cell-selection-mode/package.json    |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../multi-row-layout-options/package.json     |   8 +-
 .../grid/multi-row-layout-style/package.json  |   8 +-
 samples/grids/grid/overview/package.json      |   8 +-
 samples/grids/grid/paste/package.json         |   8 +-
 .../grid/remote-paging-data/package.json      |   8 +-
 .../grid/remote-paging-grid/package.json      |   8 +-
 samples/grids/grid/row-adding/package.json    |   8 +-
 samples/grids/grid/row-classes/package.json   |   8 +-
 samples/grids/grid/row-drag-base/package.json |   8 +-
 .../grid/row-editing-options/package.json     |   8 +-
 .../grids/grid/row-editing-style/package.json |   8 +-
 .../grids/grid/row-paging-basic/package.json  |   8 +-
 .../grid/row-paging-options/package.json      |   8 +-
 .../grids/grid/row-pinning-drag/package.json  |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../grid/row-pinning-options/package.json     |   8 +-
 .../grids/grid/row-pinning-style/package.json |   8 +-
 samples/grids/grid/row-reorder/package.json   |   8 +-
 .../grid/row-selection-mode/package.json      |   8 +-
 .../row-selection-template-excel/package.json |   8 +-
 .../package.json                              |   8 +-
 samples/grids/grid/row-styles/package.json    |   8 +-
 .../grid/state-persistence-about/package.json |   8 +-
 .../grid/state-persistence-main/package.json  |   8 +-
 .../grid/styling-custom-CSS/package.json      |   8 +-
 .../grids/grid/toolbar-sample-1/package.json  |   8 +-
 .../grids/grid/toolbar-sample-2/package.json  |   8 +-
 .../grids/grid/toolbar-sample-3/package.json  |   8 +-
 .../grids/grid/toolbar-sample-4/package.json  |   8 +-
 samples/grids/grid/toolbar-style/package.json |   8 +-
 .../action-strip/package.json                 |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../cell-editing-sample/package.json          |   8 +-
 .../cell-editing-styling/package.json         |   8 +-
 .../cell-selection-mode/package.json          |   8 +-
 .../cell-selection-overview/package.json      |   8 +-
 .../cell-selection-style/package.json         |   8 +-
 .../cell-selection-styling/package.json       |   8 +-
 .../column-auto-sizing/package.json           |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../column-hiding-toolbar/package.json        |   8 +-
 .../column-moving-options/package.json        |   8 +-
 .../column-moving-styles/package.json         |   8 +-
 .../column-pinning-options/package.json       |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../column-pinning-styles/package.json        |   8 +-
 .../column-pinning/package.json               |   8 +-
 .../column-resize-styling/package.json        |   8 +-
 .../column-resizing/package.json              |   8 +-
 .../column-selection-group/package.json       |   8 +-
 .../column-selection-mode/package.json        |   8 +-
 .../column-selection-styles/package.json      |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../column-sorting-options/package.json       |   8 +-
 .../column-sorting-style/package.json         |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../custom-filtering/package.json             |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../package.json                              |   8 +-
 .../data-summary-formatter/package.json       |   8 +-
 .../data-summary-options-styling/package.json |   8 +-
 .../data-summary-options/package.json         |   8 +-
 .../data-summary-template/package.json        |   8 +-
 .../editing-columns/package.json              |   8 +-
 .../editing-events/package.json               |   8 +-
 .../editing-lifecycle/package.json            |   8 +-
 .../excel-exporting/package.json              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../filtering-options/package.json            |   8 +-
 .../filtering-style/package.json              |   8 +-
 .../hierarchical-grid-options/package.json    |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid-styling/package.json    |   8 +-
 .../layout-display-density/package.json       |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid/overview/package.json   |   8 +-
 .../remote-paging-sample/package.json         |   8 +-
 .../hierarchical-grid/row-adding/package.json |   8 +-
 .../row-classes/package.json                  |   8 +-
 .../row-drag-base/package.json                |   8 +-
 .../row-editing-options/package.json          |   8 +-
 .../row-editing-style/package.json            |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../row-pinning-options/package.json          |   8 +-
 .../row-pinning-style/package.json            |   8 +-
 .../row-reorder/package.json                  |   8 +-
 .../row-selection-mode/package.json           |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid/row-styles/package.json |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../toolbar-sample-1/package.json             |   8 +-
 .../toolbar-sample-2/package.json             |   8 +-
 .../toolbar-sample-3/package.json             |   8 +-
 .../toolbar-sample-4/package.json             |   8 +-
 .../toolbar-style/package.json                |   8 +-
 .../grids/list/add-list-items/package.json    |   2 +-
 .../aggregate-max-sales/package.json          |   8 +-
 .../aggregate-units-sold/package.json         |   8 +-
 samples/grids/pivot-grid/basic/package.json   |   8 +-
 .../data-persistence-noop/package.json        |   8 +-
 .../pivot-grid/data-selector/package.json     |   8 +-
 .../grids/pivot-grid/features/package.json    |   8 +-
 samples/grids/pivot-grid/remote/package.json  |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../grids/tree-grid/action-strip/package.json |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../cell-editing-sample/package.json          |   8 +-
 .../cell-editing-styling/package.json         |   8 +-
 .../cell-selection-mode/package.json          |   8 +-
 .../cell-selection-style/package.json         |   8 +-
 .../clipboard-operations/package.json         |   8 +-
 .../tree-grid/column-auto-sizing/package.json |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../tree-grid/column-data-types/package.json  |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../column-hiding-toolbar/package.json        |   8 +-
 .../column-moving-options/package.json        |   8 +-
 .../column-moving-styles/package.json         |   8 +-
 .../column-pinning-options/package.json       |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../column-pinning-styles/package.json        |   8 +-
 .../column-pinning-toolbar/package.json       |   8 +-
 .../tree-grid/column-pinning/package.json     |   8 +-
 .../column-resize-styling/package.json        |   8 +-
 .../tree-grid/column-resizing/package.json    |   8 +-
 .../column-selection-group/package.json       |   8 +-
 .../column-selection-mode/package.json        |   8 +-
 .../column-selection-style/package.json       |   8 +-
 .../column-selection-styles/package.json      |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../column-sorting-options/package.json       |   8 +-
 .../column-sorting-style/package.json         |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../tree-grid/custom-filtering/package.json   |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../tree-grid/data-searching/package.json     |   8 +-
 .../data-summaries-custom/package.json        |   8 +-
 .../data-summary-children/package.json        |   8 +-
 .../data-summary-formatter/package.json       |   8 +-
 .../data-summary-options-styling/package.json |   8 +-
 .../data-summary-options/package.json         |   8 +-
 .../data-summary-template/package.json        |   8 +-
 .../tree-grid/editing-columns/package.json    |   8 +-
 .../tree-grid/editing-events/package.json     |   8 +-
 .../tree-grid/editing-lifecycle/package.json  |   8 +-
 .../tree-grid/excel-exporting/package.json    |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../tree-grid/filtering-options/package.json  |   8 +-
 .../tree-grid/filtering-style/package.json    |   8 +-
 samples/grids/tree-grid/finjs/package.json    |  10 +-
 .../keyboard-custom-navigation/package.json   |   8 +-
 .../keyboard-navigation-guide/package.json    |   8 +-
 .../layout-display-density/package.json       |   8 +-
 .../tree-grid/load-on-demand/package.json     |   8 +-
 .../multi-cell-selection-mode/package.json    |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../tree-grid/overview-styling/package.json   |   8 +-
 samples/grids/tree-grid/overview/package.json |   8 +-
 .../grids/tree-grid/row-adding/package.json   |   8 +-
 .../grids/tree-grid/row-classes/package.json  |   8 +-
 .../tree-grid/row-drag-base/package.json      |   8 +-
 .../row-editing-options/package.json          |   8 +-
 .../tree-grid/row-editing-style/package.json  |   8 +-
 .../tree-grid/row-paging-basic/package.json   |   8 +-
 .../tree-grid/row-paging-options/package.json |   8 +-
 .../tree-grid/row-paging-style/package.json   |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../row-pinning-options/package.json          |   8 +-
 .../tree-grid/row-pinning-style/package.json  |   8 +-
 .../grids/tree-grid/row-reorder/package.json  |   8 +-
 .../tree-grid/row-selection-mode/package.json |   8 +-
 .../row-selection-template-excel/package.json |   8 +-
 .../package.json                              |   8 +-
 .../grids/tree-grid/row-styles/package.json   |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../tree-grid/toolbar-sample-1/package.json   |   8 +-
 .../tree-grid/toolbar-sample-2/package.json   |   8 +-
 .../tree-grid/toolbar-sample-3/package.json   |   8 +-
 .../tree-grid/toolbar-sample-4/package.json   |   8 +-
 .../tree-grid/toolbar-style/package.json      |   8 +-
 .../using-primary-foreign-keys/package.json   |   8 +-
 .../embedding-frames/package.json             |   2 +-
 .../dock-manager/hiding-panes/package.json    |   2 +-
 .../dock-manager/overview/package.json        |   2 +-
 .../layouts/dock-manager/styling/package.json |   2 +-
 .../dock-manager/updating-panes/package.json  |   8 +-
 .../geo-map/binding-data-csv/package.json     |   6 +-
 .../binding-data-json-points/package.json     |   6 +-
 .../geo-map/binding-data-model/package.json   |   6 +-
 .../binding-multiple-shapes/package.json      |   6 +-
 .../binding-multiple-sources/package.json     |   6 +-
 .../geo-map/binding-shp-points/package.json   |   6 +-
 .../geo-map/binding-shp-polygons/package.json |   6 +-
 .../binding-shp-polylines/package.json        |   6 +-
 .../maps/geo-map/custom-tooltips/package.json |   6 +-
 .../geo-map/display-all-imagery/package.json  |   6 +-
 .../geo-map/display-bing-imagery/package.json |   6 +-
 .../geo-map/display-esri-imagery/package.json |   6 +-
 .../geo-map/display-heat-imagery/package.json |   6 +-
 .../geo-map/display-osm-imagery/package.json  |   6 +-
 .../maps/geo-map/marker-template/package.json |   6 +-
 samples/maps/geo-map/marker-type/package.json |   6 +-
 samples/maps/geo-map/navigation/package.json  |   6 +-
 samples/maps/geo-map/overview/package.json    |   6 +-
 .../maps/geo-map/shape-styling/package.json   |   6 +-
 .../maps/geo-map/synchronization/package.json |   6 +-
 .../geo-map/triangulating-data/package.json   |   6 +-
 .../type-scatter-area-series/package.json     |   6 +-
 .../type-scatter-bubble-series/package.json   |   6 +-
 .../type-scatter-contour-series/package.json  |   6 +-
 .../type-scatter-density-series/package.json  |   6 +-
 .../type-scatter-symbol-series/package.json   |   6 +-
 .../type-shape-polygon-series/package.json    |   6 +-
 .../type-shape-polyline-series/package.json   |   6 +-
 683 files changed, 2276 insertions(+), 2276 deletions(-)

diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 2958053ac3..2e7b4602c9 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -976,17 +976,17 @@ function updateIG(cb) {
     // { name:               "igniteui-webcomponents-core", version: "3.2.2" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-webcomponents-core"                     , version: "5.0.0" },
-        { name: "igniteui-webcomponents-charts"                   , version: "5.0.0" },
-        { name: "igniteui-webcomponents-excel"                    , version: "5.0.0" },
-        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.0" },
-        { name: "igniteui-webcomponents-grids"                    , version: "5.0.0" },
-        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.0" },
-        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.0" },
-        { name: "igniteui-webcomponents-maps"                     , version: "5.0.0" },
-        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.0" },
-        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.0" },
-        { name: "igniteui-webcomponents-datasources"              , version: "5.0.0" },
+        { name: "igniteui-webcomponents-core"                     , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-charts"                   , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-excel"                    , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-grids"                    , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-maps"                     , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-datasources"              , version: "5.0.2-beta.0" },
         // these IG packages are sometimes updated:
         { name: "igniteui-webcomponents", version: "5.0.0" },
         { name: "igniteui-dockmanager", version: "1.14.3" },
diff --git a/package-lock.json b/package-lock.json
index 36d05446b3..444e4edba9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,17 +22,17 @@
         "file-saver": "^2.0.2",
         "igniteui-dockmanager": "1.14.3",
         "igniteui-webcomponents": "5.0.0",
-        "igniteui-webcomponents-charts": "5.0.0",
-        "igniteui-webcomponents-core": "5.0.0",
-        "igniteui-webcomponents-datasources": "5.0.0",
-        "igniteui-webcomponents-excel": "5.0.0",
-        "igniteui-webcomponents-gauges": "5.0.0",
-        "igniteui-webcomponents-grids": "5.0.0",
-        "igniteui-webcomponents-inputs": "5.0.0",
-        "igniteui-webcomponents-layouts": "5.0.0",
-        "igniteui-webcomponents-maps": "5.0.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.0",
-        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0",
+        "igniteui-webcomponents-charts": "5.0.2-beta.0",
+        "igniteui-webcomponents-core": "5.0.2-beta.0",
+        "igniteui-webcomponents-datasources": "5.0.2-beta.0",
+        "igniteui-webcomponents-excel": "5.0.2-beta.0",
+        "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+        "igniteui-webcomponents-grids": "5.0.2-beta.0",
+        "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+        "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+        "igniteui-webcomponents-maps": "5.0.2-beta.0",
+        "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
         "lit": "^3.2.0",
         "lit-html": "^3.2.0"
       },
@@ -8790,14 +8790,14 @@
       }
     },
     "node_modules/igniteui-webcomponents-charts": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.0.tgz",
-      "integrity": "sha512-s0Asl07Zf6fKRNFv5mGyNh5Gv9IhdgECYSVe+2Y2DyALzCOqQypmhJBvzisaxV5EF08xFQQrcTzk3QknwtGR9w==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.2-beta.0.tgz",
+      "integrity": "sha512-66AZ/NZGrNQBuYJU+F8KqNbwDyJ7ZGIWyA8EUgwiRanqpUSpCz2mYeHVAXfc+G542zKnd602szOB2LAKhphY5A==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-charts/node_modules/tslib": {
@@ -8806,9 +8806,9 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-core": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.0.tgz",
-      "integrity": "sha512-BtfSLEeLqlBwC3jB98I00C/Ts9pOoJ09vne7HVVFIP5Mk58Gsm/PgHJn5ITkC/gp3QWaRhiHFVyOwupJk5yrCA==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.2-beta.0.tgz",
+      "integrity": "sha512-IUZ23tl64T/doH/FZU8rs2gQB/MorqY3OLw+EU3gII60eO/4KtCilMLiTpF3Akqu/TqUQomnPEskkchlDnCVpQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
@@ -8822,14 +8822,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-datasources": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.0.tgz",
-      "integrity": "sha512-vth2sjzlVT4Lt+YHiZ1oEsea6NfXuBA0mRHc6ZTKB00DBlrYuihiMyo02vYIaQT5faol+ClUnJpu3jqAj9C5bg==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.2-beta.0.tgz",
+      "integrity": "sha512-kB3qoStAKsPmCU5TnoIkzn/VOclGK6SqwUpDA3VniXR4VwJp0iGrbm6+L9omoaIruu8VXJeFP5Kv+FIbDtoxcw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-datasources/node_modules/tslib": {
@@ -8838,16 +8838,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-excel": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.0.tgz",
-      "integrity": "sha512-YdmVCc3NWF+QVFtzhrAPtfvsgoYm+UP1tNRE4H+mXKmtMYW204jCJjyj7eP3CDqzhqmYxeNYT3dpkp0fOrBbfw==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.2-beta.0.tgz",
+      "integrity": "sha512-CndsSoymRgmSiwA9CreipdbpoQx6ghe55uXtu32wirBp/ed7Ok8Tmq15Ytv6rzotCRsJuQj8sl/8CQ7lbSPvbg==",
       "dependencies": {
         "jszip": "^3.1.5",
         "pako": "^1.0.6",
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-excel/node_modules/tslib": {
@@ -8856,14 +8856,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-gauges": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.0.tgz",
-      "integrity": "sha512-gDiujMeiwJ6ePYKx7J/Sc3laWvK4W75MpRndZiLfwNJ0pLDuEtp6993z7I8MaAu8EcBA7eWxJTeCnYcXwsgXRA==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.2-beta.0.tgz",
+      "integrity": "sha512-n97fzrz+0alps05zozO4tW7xXqDEyAUq/uTvlOfvNAu6R9atzn4k7wsnJWQA3uuglkFFyqNQejHEZo83N7kRuw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-gauges/node_modules/tslib": {
@@ -8872,16 +8872,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-grids": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.0.tgz",
-      "integrity": "sha512-mu4Oy6DVuLIojIlvEC6GxBg2o2LzuJYgekKWbhaUWDc5DKdxNGvNfn8c7n2rmGMzjwtT4X/xtS3GtRgcyb6MaA==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.2-beta.0.tgz",
+      "integrity": "sha512-JRmg8oK9hJPftIMK7wmJ30O9fbsJbuuv02m5lbj4bLS0pCaT+9rc7cKu/rAA50rHmTM50kZy/RmhXWsiHYLsxQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0",
-        "igniteui-webcomponents-inputs": "5.0.0",
-        "igniteui-webcomponents-layouts": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0",
+        "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+        "igniteui-webcomponents-layouts": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-grids/node_modules/tslib": {
@@ -8890,14 +8890,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-inputs": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.0.tgz",
-      "integrity": "sha512-Gd9YpQKI7cJ1VkG/r4hDRFtgF1tprotvl014NuYPAk98QmcBWW0KaMzjYBavECDpjHiaQqxFRflDmz800TIBtA==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.2-beta.0.tgz",
+      "integrity": "sha512-0ndYUAi+lvQ6hjzPiS1GyCWcJORGKbf8OA6xQkxHypQMaeAKHcd32bT8Fxo4d1MYO5oHRSagkicfuAgCMvBwyA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-inputs/node_modules/tslib": {
@@ -8906,15 +8906,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-layouts": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.0.tgz",
-      "integrity": "sha512-vtGUnbxHD582drwgjorBkse2+oqxe/iooUlzmke5QgF8VGevbRd63BczKkbt3Q/teOqnsjBQnWD6kSSb0PZVZQ==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.2-beta.0.tgz",
+      "integrity": "sha512-GmG98bfLsrHdGxtXBxVEg+/oz4839UuBfXkpXx6PvK6YPjAkcryxZ6mu/QMVIiLEbG02i1rQLje+6nSdxn3IiA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0",
-        "igniteui-webcomponents-inputs": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0",
+        "igniteui-webcomponents-inputs": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-layouts/node_modules/tslib": {
@@ -8923,15 +8923,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-maps": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.0.tgz",
-      "integrity": "sha512-40hx6A3HUa4Okii48R9K/zFQJTZnxfYFY0BG/vmrEXTr4pb4tzIKmeXdev+/IyiVQcnAuLa2MP08NvWkWxErVg==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.2-beta.0.tgz",
+      "integrity": "sha512-y3/vCfWgcN9UrCryNVx11paQ68awEbhgP43jhIcVVafkLUYLgMiMNvNUwichZidki9V9A/I6fV6VMF/FCeX1kg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.0",
-        "igniteui-webcomponents-core": "5.0.0"
+        "igniteui-webcomponents-charts": "5.0.2-beta.0",
+        "igniteui-webcomponents-core": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-maps/node_modules/tslib": {
@@ -8940,29 +8940,29 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-spreadsheet": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.0.tgz",
-      "integrity": "sha512-ltIu9CiAmTbsqopTCBvuUyPEMPZ6+vQubSNdYGAwAPiLohs8RykSijWNUOvcVeMREaQtZa/kmiZY/zQP0L6rUQ==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.2-beta.0.tgz",
+      "integrity": "sha512-8mh7TnDx+4lf/sGhzoE67nJE7fgpvyNw5jcEgogMCQLjp8ilDy+ntlrZwVqF1NaAfUevuqHUAKG/Mt1AgTToGA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.0",
-        "igniteui-webcomponents-excel": "5.0.0"
+        "igniteui-webcomponents-core": "5.0.2-beta.0",
+        "igniteui-webcomponents-excel": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.0.tgz",
-      "integrity": "sha512-Zb3qmamybtNxdZWIjGSrEunEYEtAPCzOI0Kpp+BiNAzSkWHC8M6ibYSnVjbBvKnxv4aCf2xPqyzHz/PWjb+ufQ==",
+      "version": "5.0.2-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.2-beta.0.tgz",
+      "integrity": "sha512-XpS9Hqeqzs61qvtTM4YTeocza83M7OsQR6heDP2mBnclU9WjLt06HEGO59B0Do5ZflQVIKf/E97EH6pdkq4SUw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.0",
-        "igniteui-webcomponents-core": "5.0.0",
-        "igniteui-webcomponents-excel": "5.0.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.0"
+        "igniteui-webcomponents-charts": "5.0.2-beta.0",
+        "igniteui-webcomponents-core": "5.0.2-beta.0",
+        "igniteui-webcomponents-excel": "5.0.2-beta.0",
+        "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter/node_modules/tslib": {
diff --git a/package.json b/package.json
index 0dad506e98..2f1efbc21c 100644
--- a/package.json
+++ b/package.json
@@ -42,17 +42,17 @@
     "file-saver": "^2.0.2",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-datasources": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0"
   },
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index 3f28bfce78..ff434953ea 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/package.json b/samples/charts/category-chart/area-chart-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-single-source/package.json b/samples/charts/category-chart/area-chart-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/package.json b/samples/charts/category-chart/column-chart-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-single-source/package.json b/samples/charts/category-chart/column-chart-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 b0e2569074..c13ec0c6da 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/package.json b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 20a8d8eef6..19ab7b5e25 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index cae151a903..97ddc80604 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index b0e2569074..c13ec0c6da 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/package.json b/samples/charts/category-chart/line-chart-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-single-source/package.json b/samples/charts/category-chart/line-chart-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 58d0ba8928..fbfd8827f4 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 3f28bfce78..ff434953ea 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index 4b302e9488..0f961760c6 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/package.json b/samples/charts/category-chart/point-chart-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-single-source/package.json b/samples/charts/category-chart/point-chart-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/package.json b/samples/charts/category-chart/spline-area-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-single-source/package.json b/samples/charts/category-chart/spline-area-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 31b1c077ac..8ea7923398 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-multiple-sources/package.json b/samples/charts/category-chart/step-area-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-single-source/package.json b/samples/charts/category-chart/step-area-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-multiple-sources/package.json b/samples/charts/category-chart/step-line-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-single-source/package.json b/samples/charts/category-chart/step-line-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index 82023429a3..1a31c83ce8 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index 82023429a3..1a31c83ce8 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index 515d01a845..988feaeeb6 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/package.json b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index f293f8ebdc..23f11237b3 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index a9005e74ca..28606da397 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index a9005e74ca..28606da397 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-min-max-gap/package.json b/samples/charts/data-chart/axis-min-max-gap/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index fcee4fa388..18b9030461 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index a6ce62224a..b0bc0e9d31 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index 4697f9b9cd..857017f57f 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/package.json b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-single-source/package.json b/samples/charts/data-chart/bar-chart-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index f56352331c..4af7b6e909 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 1a0dd99610..5217fa4f17 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 7efa8f41c3..2592db8992 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index a4f0fc3705..15855bddc9 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 79d3ca1b2d..66a3036d51 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 1a0dd99610..5217fa4f17 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 9d33820f4d..9c28c6259f 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index 3239d8256a..10478d60f3 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index ea2d0139a5..a1ac921e7a 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index ea2d0139a5..a1ac921e7a 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index ea2d0139a5..a1ac921e7a 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index ea2d0139a5..a1ac921e7a 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index ea2d0139a5..a1ac921e7a 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 31a5c01ccd..d37544de68 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index ea2d0139a5..a1ac921e7a 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 6137226095..8af9be43ee 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-area-chart-styling/package.json b/samples/charts/data-chart/polar-area-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index a94f19a990..ce5c4c105b 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-spline-area-chart/package.json b/samples/charts/data-chart/polar-spline-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-area-chart-styling/package.json b/samples/charts/data-chart/radial-area-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index 4ff0ea8cf1..ecbdaec81d 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index b9f728d893..c11981721a 100644
--- a/samples/charts/data-chart/series-animations/package.json
+++ b/samples/charts/data-chart/series-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 5dfb281f94..45c4005480 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-error-bars/package.json b/samples/charts/data-chart/series-error-bars/package.json
index 595958b1eb..96796c52ce 100644
--- a/samples/charts/data-chart/series-error-bars/package.json
+++ b/samples/charts/data-chart/series-error-bars/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index cc704aa409..91bd1a5d42 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index b9e9e8ee9e..b8293a1de7 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 67dc209bcf..4e7823e4a6 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 45d9bfbf3a..2a58124f1e 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 78963bb5b4..fc03f08619 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index 45b76e16d3..fedfab072b 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index 1ba5752ed9..06cb8479f7 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 687a983792..cb359e58aa 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 cba3c7eaea..6cc630336e 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 4d35457faa..62a0f2cef7 100644
--- a/samples/charts/data-chart/type-financial-indicator-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 07201ba8b1..ce5297e2e7 100644
--- a/samples/charts/data-chart/type-financial-indicator-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-line/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 85ea8295a4..fed92284fc 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 8164dbb3f4..4949a52480 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index 09dabeef3e..4c8ff0d7ab 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 0e59e6f3ca..b7f21c064a 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 5643dac9e7..044543467f 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 376f5d5daf..beeaa7e639 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 10f45f44f3..798c33540e 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 e2688d6a43..e66dcff090 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 8786156dc0..ab8a3b0898 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 ba092f1299..1f92aba8f8 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 b5e1b9d9d6..544f60b3a3 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 fd4f10f9c8..fb1a8a1cf8 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index a3b7c948c0..ca9bfef79c 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index c9e44ed978..262d2fd0c6 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index a15007cfa2..5ec9ffa73c 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index d7b03ec9bb..393258ac20 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index a694b8ecaf..ce639e9144 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 4b3bd89f49..cc0b920fb8 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index 0869315ece..9ea99efc1d 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend-styling-props/package.json b/samples/charts/financial-chart/data-legend-styling-props/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 9df2391a08..4f2a20c120 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 499eda93a2..92dbb1312d 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index 0e33648d65..7b23754c0a 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index 6e5b996285..de358149a4 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index 2ae73311cd..ce77fd68d0 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 8013b247a3..4af3268f3e 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index ae1ab98b03..de19fb508f 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index def06e6651..424bcef0e4 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 15eaff2a08..3d90d19d3a 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index ca0e66d02e..3c0ee6290d 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index 5de1f4067c..2e423263f9 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index 141197ac90..a35496cdff 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index 74f563e321..92cba46df6 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index fa20c6cebf..9850f478d0 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index 810d909f58..4e06fd9e69 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index 7758f791b1..706f63aaa4 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index f4696e349f..f07edd7f92 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index a68278f6aa..648ba654b2 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index a9fbfb936d..7d60752df0 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index e5e0b9f40a..6b2cd060f5 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index ee17019e75..a623268ec8 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 05fa767847..cf656d9399 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index 3faf7956ab..5dc670bdc3 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 0ea67f409c..2160e32a6b 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index cd3c9b825d..f19c6b1aa9 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index b27dedd5a7..a71dbd01fa 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index 0dbfe787bb..34b8a0a5c9 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index d2c51618e8..e5995479a3 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 45aa9d6b92..4581724a0b 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index 464083e7e6..bc1ac6ddbf 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index 4ec008ee91..c6dd0c916b 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index 8462b9a560..aa82231e10 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index a9dbd368bc..946b345fa8 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index b0e91bb6ec..28146297fe 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index 411cd5b718..d903921a0d 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 3631f26d10..b7869c6b01 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index 55dc7d0545..0b44ff30c2 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index dac3a7e536..5dd9d50e4d 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index bec0c24c2f..4bf084ff70 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index 1fbea04690..67f6db5f90 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index 0c0133ca7a..c0f0ff036e 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index b4f6b2098c..44a0bfcaa8 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index d97c0ce6f3..cb9101a6e8 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index a10593b86d..e1774f9a83 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 1c77cab4c9..8966c4996b 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index 885b4a1d32..a568170165 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index c1fe62bd23..0a1eb914c6 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index 7e53ebef22..951c37f909 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index ce5083a546..1db9c67cd1 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-excel": "5.0.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index 14efc1ba63..6890feeeff 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 7745a906d6..5afa65f34e 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 44ca106045..c4e6864aa0 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 83e9d8caa4..563a8befbc 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 1ac3d31574..e5ecb05d9f 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index 725ce5e18c..195a3ca1cc 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 54246ab8c4..4a1bc30b8a 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index ef3223e7c5..c1124f80ad 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 904e372e04..72dd822ad7 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index af1fec4314..5f574603d7 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index 73159d5c0b..8a2d06d0c5 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index b4b2a89a4a..9dbc226395 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index 722e693306..53a403c40e 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index a32ddfe37d..2b44bcaf52 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index 758f933c77..c3eed75b70 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index c8ac2ddb32..6196e8e95f 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 42baf9ce72..23887d8662 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 684be095a1..00e871ee06 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index 1f17f3e8ac..707364f803 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index eef530a315..b9d2f36e83 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index 896e7aad42..efbe438f56 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index bfc01f5b77..f384bb3ee4 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index 7aa3c37f88..ba440fdbe7 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index 281593bd73..d219d18eb3 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 9390914de4..27eee888c3 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index b7691c1aab..ab6faffc29 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index 5d2771c1f0..ff8780f723 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index 9311acf2a5..e0d472596b 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index af3a9c5cf3..356503a7a1 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index aa66622944..1e828a6c3d 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index e226c756c3..65d385269b 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 61e71e981e..2f39a2aca8 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 5172b3e27f..6076098640 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 61e71e981e..2f39a2aca8 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index e5522913e7..97e08b91db 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index 70499b6128..cadb43c524 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index ebe5039fba..801bb6d29e 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index 6f7d784eb7..cd038684bb 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index c5396e7266..6dfbc31699 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index 9b07bc190b..ead8f0290c 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index cd4f7a2cce..ded3843bdf 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index 898c4672c7..8b2bc61e60 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 44a81d784e..8d0a4b35ed 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index f3226f2a04..a435a6c37f 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 51eacf53fb..8fca2b07df 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index fad876edd5..f1c4cfe872 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index 169ba5d6de..887d6f34ea 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index fa92c310b6..fab34186b9 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index b7607ab817..c497965f78 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -29,11 +29,11 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index 344bab6b84..885f295b26 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index 85d1b99f07..1eddfd3b04 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-datasources": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index 6d6d668350..1347b266b4 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index bf8f87d24f..896383db6f 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 274ebdd26a..715bab7aab 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-datasources": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index c8a83692ce..8b1ee6f8d2 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 856af7a63b..8eb3f127ca 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 6dd41b74d3..3f91e9567a 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index b228b238e7..048be3ba62 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index ac763b5f1b..d3d7f25531 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index 3825160f2e..f59f098af0 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index c55cb82668..57f2d96c0b 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index cf72c304e6..c38eb7c8e8 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 50a1cfc18c..5316026f0a 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index 28965f5a82..56bd8aa23b 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -25,10 +25,10 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 13fc6f473f..327a1d1399 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index b8b9df8d0f..a40f35e220 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index 9c3aa9b462..48664774f9 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index c3e26753ed..72524808ef 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index 12459ba09b..e25a228122 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index 87d8adce45..6943eeb69a 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 47a971814d..4f75335314 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index fa0b086b52..3cef6f3cd7 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index acb3efea98..314c2115ff 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 72ee8f3707..d6aa202ab1 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index 6c16e619ce..e21e3237af 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index d9fc2d345e..8d4802af07 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index d9fc2d345e..8d4802af07 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index 49811a6354..3d6275b792 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index d59faaf0bd..9def2a4141 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index c5d9fef126..28cee48651 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index c8a83692ce..8b1ee6f8d2 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index 3d1897c73f..94ac684d3a 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-datasources": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 9a40a01a28..6c2bf94cf5 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index 171068617b..28a39d484e 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index 4636928bd8..26d65f3148 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 1a2190bde0..5ff55d52f5 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-table/package.json b/samples/grids/data-grid/type-table/package.json
index 5d7ae575fe..11732ff05a 100644
--- a/samples/grids/data-grid/type-table/package.json
+++ b/samples/grids/data-grid/type-table/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",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/custom-filtering/package.json
+++ b/samples/grids/grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/data-summaries-custom/package.json
+++ b/samples/grids/grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/editing-excel-style-custom/package.json
+++ b/samples/grids/grid/editing-excel-style-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index d47d9b97a7..cabb6fece2 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index dfc4c77b45..fcb33ec055 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "rxjs": "7.8.1",
     "tslib": "^2.0.0"
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "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 cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/grid/toolbar-sample-4/package.json
+++ b/samples/grids/grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/hierarchical-grid/remote-paging-sample/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 024c86aef5..e7647b3e18 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/pivot-grid/basic/package.json
+++ b/samples/grids/pivot-grid/basic/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index 755dcc5c78..b657a607ac 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index 4be91c9ad5..9b6c59192b 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json
index 4be91c9ad5..9b6c59192b 100644
--- a/samples/grids/pivot-grid/remote/package.json
+++ b/samples/grids/pivot-grid/remote/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/custom-filtering/package.json
+++ b/samples/grids/tree-grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/data-summaries-custom/package.json
+++ b/samples/grids/tree-grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json
index d47d9b97a7..cabb6fece2 100644
--- a/samples/grids/tree-grid/finjs/package.json
+++ b/samples/grids/tree-grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/load-on-demand/package.json
+++ b/samples/grids/tree-grid/load-on-demand/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 7fd5c0812c..e0f1321e23 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index cad1ef3685..9a2ac88f72 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 0f116b1d56..8f985f5f27 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
index 1b4ff3be17..1bf83482fb 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-grids": "5.0.0",
-    "igniteui-webcomponents-inputs": "5.0.0",
-    "igniteui-webcomponents-layouts": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-grids": "5.0.2-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 083042b3ee..dde73911bf 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
index 033b9a27b2..fc41a54361 100644
--- a/samples/layouts/dock-manager/hiding-panes/package.json
+++ b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index 7890a5aebe..e6f71f8936 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index 0f324b03d1..e8162fb59d 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -26,7 +26,7 @@
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index fd2f6df564..452aadfd28 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -24,10 +24,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-gauges": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 8e5e49b88f..ffb88ec87d 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 689b42907c..60852f30b6 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index 5b88be247b..de9c696168 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 987cd056ce..b2f914af00 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index 00d74fe7a3..fd435f45f8 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index 1e9307c385..64a1445641 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index 2b39761a4e..48428985ed 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 92c85d39a6..f1d4a506a8 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 0514a10a2e..d6cc47f611 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 940f1125bb..20e56648c5 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index d53f216f17..6d5af2818a 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index 27e0ae0a11..8c706de165 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index d80141c47d..397088ba4c 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index ab84230566..3f97eb072b 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 5b8b6c4674..1cf0d5ea29 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index 6e8499b888..650d2499b4 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 94cba2f396..6cd4c50c82 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index a1e9607b34..a423bc1a4e 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index ada82c636f..07d4215d1d 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index a730d8d4a3..ec286dee0f 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index 0f6f031b03..b7c87841ce 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 a563fc148f..f49d0f3a93 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 91931c51c1..6c19558cf1 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 faeb5b3644..dac4ed4f4f 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 c282a13679..15648c0045 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 4baaa08116..04fd9aa362 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 5402ff0439..ce2a0d7733 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 72417a3fbc..02caeb75f7 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.0",
-    "igniteui-webcomponents-maps": "5.0.0",
+    "igniteui-webcomponents-charts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-maps": "5.0.2-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },

From b1f1b8a60d8ca3739f702fffa4e4e328f306e4d5 Mon Sep 17 00:00:00 2001
From: Deyan Kamburov <dkamburov@users.noreply.github.com>
Date: Fri, 11 Oct 2024 17:03:09 +0300
Subject: [PATCH 07/25] chore(*): update ig packages to 5.0.2 (#852)

---
 browser/tasks/gulp-samples.js                 |  22 ++--
 package-lock.json                             | 124 +++++++++---------
 package.json                                  |  22 ++--
 .../annotations-all/package.json              |   8 +-
 .../annotations-callouts/package.json         |   8 +-
 .../annotations-crosshairs/package.json       |   8 +-
 .../annotations-custom/package.json           |   8 +-
 .../annotations-final-value/package.json      |   8 +-
 .../annotations-highlighting/package.json     |   8 +-
 .../category-chart/annotations/package.json   |   4 +-
 .../area-chart-multiple-sources/package.json  |   4 +-
 .../area-chart-single-source/package.json     |   4 +-
 .../area-chart-styling/package.json           |   4 +-
 .../category-chart/axis-gap/package.json      |   8 +-
 .../axis-gridlines/package.json               |   8 +-
 .../category-chart/axis-inverted/package.json |   8 +-
 .../category-chart/axis-labels/package.json   |   8 +-
 .../axis-locations/package.json               |   8 +-
 .../category-chart/axis-options/package.json  |   4 +-
 .../category-chart/axis-overlap/package.json  |   8 +-
 .../category-chart/axis-range/package.json    |   8 +-
 .../axis-tickmarks/package.json               |   8 +-
 .../category-chart/axis-titles/package.json   |   4 +-
 .../chart-highlight-filter/package.json       |   8 +-
 .../package.json                              |   4 +-
 .../column-chart-single-source/package.json   |   4 +-
 .../column-chart-styling/package.json         |   4 +-
 .../package.json                              |   4 +-
 .../column-chart-with-tooltips/package.json   |   8 +-
 .../custom-selection/package.json             |   4 +-
 .../data-aggregations/package.json            |   8 +-
 .../category-chart/data-filter/package.json   |   8 +-
 .../package.json                              |   4 +-
 .../category-chart/data-legend/package.json   |   4 +-
 .../package.json                              |   4 +-
 .../data-tooltip-positioning/package.json     |   8 +-
 .../category-chart/data-tooltip/package.json  |   4 +-
 .../format-specifiers/package.json            |   8 +-
 .../high-frequency/package.json               |   4 +-
 .../category-chart/high-volume/package.json   |   4 +-
 .../highlighting-behavior/package.json        |   8 +-
 .../highlighting-mode/package.json            |   8 +-
 .../category-chart/highlighting/package.json  |   4 +-
 .../legend-highlighting/package.json          |   4 +-
 .../line-chart-multiple-sources/package.json  |   4 +-
 .../line-chart-single-source/package.json     |   4 +-
 .../line-chart-styling/package.json           |   4 +-
 .../line-chart-with-animations/package.json   |   4 +-
 .../line-chart-with-annotations/package.json  |   4 +-
 .../marker-options/package.json               |   8 +-
 .../marker-templates/package.json             |   4 +-
 .../category-chart/overview/package.json      |   4 +-
 .../point-chart-multiple-sources/package.json |   4 +-
 .../point-chart-single-source/package.json    |   4 +-
 .../point-chart-styling/package.json          |   4 +-
 .../selection-modes/package.json              |   4 +-
 .../selection-multiple-modes/package.json     |   8 +-
 .../spline-area-multiple-sources/package.json |   4 +-
 .../spline-area-single-source/package.json    |   4 +-
 .../spline-area-styling/package.json          |   4 +-
 .../spline-multiple-sources/package.json      |   4 +-
 .../spline-single-source/package.json         |   4 +-
 .../spline-styling/package.json               |   4 +-
 .../category-chart/stack-columns/package.json |   4 +-
 .../step-area-multiple-sources/package.json   |   4 +-
 .../step-area-single-source/package.json      |   4 +-
 .../step-area-styling/package.json            |   4 +-
 .../step-line-multiple-sources/package.json   |   4 +-
 .../step-line-single-source/package.json      |   4 +-
 .../step-line-styling/package.json            |   4 +-
 .../tooltip-template/package.json             |   4 +-
 .../category-chart/tooltip-types/package.json |   4 +-
 .../category-chart/trendline/package.json     |   4 +-
 .../category-chart/value-lines/package.json   |   8 +-
 .../annotations-custom/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../data-chart/axis-annotations/package.json  |   4 +-
 .../data-chart/axis-crossing/package.json     |   4 +-
 .../axis-label-rotation/package.json          |   8 +-
 .../data-chart/axis-locations/package.json    |   4 +-
 .../data-chart/axis-min-max-gap/package.json  |   4 +-
 .../data-chart/axis-settings/package.json     |   4 +-
 .../data-chart/axis-sharing/package.json      |   4 +-
 .../charts/data-chart/axis-types/package.json |   4 +-
 .../bar-chart-multiple-sources/package.json   |   4 +-
 .../bar-chart-overlapping/package.json        |   4 +-
 .../bar-chart-single-source/package.json      |   4 +-
 .../data-chart/bar-chart-styling/package.json |   4 +-
 .../callout-layer-styling/package.json        |   4 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../chart-highlight-filter/package.json       |   8 +-
 .../data-chart/chart-navigation/package.json  |   4 +-
 .../data-chart/chart-overview/package.json    |   4 +-
 .../data-chart/chart-performance/package.json |   4 +-
 .../chart-synchronization/package.json        |   4 +-
 .../data-chart/chart-titles/package.json      |   4 +-
 .../data-chart/composite-chart/package.json   |   4 +-
 .../crosshair-layer-styling/package.json      |   4 +-
 .../custom-drawing-annotations/package.json   |   8 +-
 .../custom-editing-data/package.json          |   4 +-
 .../data-chart/dash-array-axes/package.json   |   4 +-
 .../data-chart/dash-array-series/package.json |   4 +-
 .../dash-array-tickmarks/package.json         |   4 +-
 .../dash-array-trendline/package.json         |   4 +-
 .../package.json                              |   4 +-
 .../data-legend-grouping/package.json         |   4 +-
 .../data-legend-styling/package.json          |   4 +-
 .../data-chart/data-legend/package.json       |   4 +-
 .../package.json                              |   8 +-
 .../data-tooltip-grouping/package.json        |   8 +-
 .../data-tooltip-styling/package.json         |   8 +-
 .../data-chart/data-tooltip/package.json      |   4 +-
 .../final-value-layer-styling/package.json    |   4 +-
 .../financial-price-series/package.json       |   4 +-
 .../data-chart/format-specifiers/package.json |   4 +-
 .../charts/data-chart/legends/package.json    |   4 +-
 .../polar-area-chart-styling/package.json     |   4 +-
 .../data-chart/polar-area-chart/package.json  |   4 +-
 .../data-chart/polar-chart-types/package.json |   4 +-
 .../data-chart/polar-line-chart/package.json  |   4 +-
 .../polar-scatter-chart/package.json          |   4 +-
 .../polar-spline-area-chart/package.json      |   4 +-
 .../polar-spline-chart/package.json           |   4 +-
 .../radial-area-chart-styling/package.json    |   4 +-
 .../data-chart/radial-area-chart/package.json |   4 +-
 .../radial-chart-types/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../radial-column-chart/package.json          |   4 +-
 .../data-chart/radial-label-mode/package.json |   8 +-
 .../data-chart/radial-line-chart/package.json |   4 +-
 .../data-chart/radial-pie-chart/package.json  |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../data-chart/range-area-chart/package.json  |   4 +-
 .../range-column-chart/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../scatter-bubble-chart-styling/package.json |   4 +-
 .../scatter-line-chart/package.json           |   4 +-
 .../scatter-point-chart/package.json          |   4 +-
 .../scatter-spline-chart/package.json         |   4 +-
 .../data-chart/series-animations/package.json |   4 +-
 .../series-annotations/package.json           |   4 +-
 .../data-chart/series-error-bars/package.json |   4 +-
 .../series-highlighting/package.json          |   4 +-
 .../series-marker-template/package.json       |   4 +-
 .../data-chart/series-markers/package.json    |   4 +-
 .../data-chart/series-tooltips/package.json   |   4 +-
 .../data-chart/series-trendlines/package.json |   4 +-
 .../series-value-overlay/package.json         |   4 +-
 .../stacked-100-area-chart/package.json       |   4 +-
 .../stacked-100-bar-chart/package.json        |   4 +-
 .../stacked-100-column-chart/package.json     |   4 +-
 .../stacked-100-line-chart/package.json       |   4 +-
 .../package.json                              |   4 +-
 .../stacked-100-spline-chart/package.json     |   4 +-
 .../stacked-area-chart/package.json           |   4 +-
 .../data-chart/stacked-bar-chart/package.json |   4 +-
 .../stacked-chart-types/package.json          |   4 +-
 .../stacked-column-chart/package.json         |   4 +-
 .../stacked-line-chart/package.json           |   4 +-
 .../stacked-spline-area-chart/package.json    |   4 +-
 .../stacked-spline-chart/package.json         |   4 +-
 .../data-chart/tooltip-template/package.json  |   4 +-
 .../data-chart/transition-event/package.json  |   8 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../type-financial-ohlc-series/package.json   |   4 +-
 .../type-financial-overlays/package.json      |   4 +-
 .../type-financial-series/package.json        |   4 +-
 .../type-range-area-series/package.json       |   4 +-
 .../type-range-column-series/package.json     |   4 +-
 .../data-chart/type-range-series/package.json |   4 +-
 .../type-scatter-area-series/package.json     |   4 +-
 .../type-scatter-bubble-series/package.json   |   4 +-
 .../type-scatter-contour-series/package.json  |   4 +-
 .../type-scatter-hd-series/package.json       |   4 +-
 .../type-scatter-polygon-series/package.json  |   4 +-
 .../type-scatter-polyline-series/package.json |   4 +-
 .../type-scatter-series/package.json          |   4 +-
 .../data-chart/type-shape-series/package.json |   4 +-
 .../data-chart/waterfall-chart/package.json   |   4 +-
 .../data-pie-chart/animation/package.json     |   8 +-
 .../highlight-filter/package.json             |   4 +-
 .../data-pie-chart/highlighting/package.json  |   8 +-
 .../charts/data-pie-chart/legend/package.json |   8 +-
 .../charts/data-pie-chart/others/package.json |   8 +-
 .../data-pie-chart/overview/package.json      |   4 +-
 .../data-pie-chart/selection/package.json     |   8 +-
 .../doughnut-chart/animation/package.json     |   4 +-
 .../doughnut-chart/explosion/package.json     |   4 +-
 .../charts/doughnut-chart/legend/package.json |   4 +-
 .../doughnut-chart/overview/package.json      |   4 +-
 .../charts/doughnut-chart/rings/package.json  |   4 +-
 .../doughnut-chart/selection/package.json     |   4 +-
 .../financial-chart/annotations/package.json  |   4 +-
 .../financial-chart/axis-types/package.json   |   4 +-
 .../package.json                              |   4 +-
 .../data-legend-styling-props/package.json    |   4 +-
 .../financial-chart/data-legend/package.json  |   4 +-
 .../package.json                              |   4 +-
 .../data-tooltip-styling-props/package.json   |   4 +-
 .../financial-chart/data-tooltip/package.json |   4 +-
 .../format-specifiers/package.json            |   4 +-
 .../high-frequency/package.json               |   4 +-
 .../financial-chart/high-volume/package.json  |   4 +-
 .../indicator-customization/package.json      |   4 +-
 .../indicator-types/package.json              |   4 +-
 .../multiple-data/package.json                |   4 +-
 .../financial-chart/overview/package.json     |   4 +-
 .../charts/financial-chart/panes/package.json |   4 +-
 .../financial-chart/performance/package.json  |   4 +-
 .../financial-chart/scrollbars/package.json   |   4 +-
 .../stock-index-chart/package.json            |   4 +-
 .../financial-chart/styling/package.json      |   4 +-
 .../financial-chart/titles/package.json       |   4 +-
 .../tooltip-types/package.json                |   4 +-
 .../financial-chart/trendlines/package.json   |   4 +-
 .../financial-chart/volume-types/package.json |   4 +-
 .../charts/pie-chart/animation/package.json   |   4 +-
 .../charts/pie-chart/explosion/package.json   |   4 +-
 samples/charts/pie-chart/legend/package.json  |   4 +-
 samples/charts/pie-chart/others/package.json  |   4 +-
 .../charts/pie-chart/overview/package.json    |   4 +-
 .../charts/pie-chart/selection/package.json   |   4 +-
 samples/charts/pie-chart/styling/package.json |   4 +-
 .../sparkline/display-area/package.json       |   4 +-
 .../sparkline/display-column/package.json     |   4 +-
 .../sparkline/display-lines/package.json      |   8 +-
 .../sparkline/display-types/package.json      |   4 +-
 .../sparkline/display-winloss/package.json    |   4 +-
 samples/charts/sparkline/grid/package.json    |  10 +-
 samples/charts/sparkline/markers/package.json |   8 +-
 .../sparkline/normal-range/package.json       |   8 +-
 .../charts/sparkline/trendlines/package.json  |   8 +-
 .../sparkline/unknown-values/package.json     |   8 +-
 .../package.json                              |   8 +-
 .../actions-built-in-data-chart/package.json  |   8 +-
 .../charts/toolbar/custom-tool/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 samples/charts/toolbar/theming/package.json   |   8 +-
 samples/charts/tree-map/events/package.json   |   4 +-
 .../highlighting-percent-based/package.json   |   4 +-
 .../charts/tree-map/highlighting/package.json |   8 +-
 samples/charts/tree-map/layout/package.json   |   8 +-
 samples/charts/tree-map/overview/package.json |   4 +-
 samples/charts/tree-map/styling/package.json  |   4 +-
 .../charts/zoomslider/overview/package.json   |   4 +-
 .../overview/package.json                     |   8 +-
 .../x-date-picker/date-limits/package.json    |   6 +-
 .../x-date-picker/editing/package.json        |   6 +-
 .../editors/x-date-picker/format/package.json |   6 +-
 .../x-date-picker/overview/package.json       |   6 +-
 .../editors/x-date-picker/range/package.json  |   6 +-
 .../operations-on-workbooks/package.json      |  10 +-
 .../operations-on-worksheets/package.json     |   4 +-
 .../excel/excel-library/overview/package.json |   4 +-
 .../working-with-cells/package.json           |   4 +-
 .../working-with-charts/package.json          |  12 +-
 .../working-with-sparklines/package.json      |  12 +-
 .../excel/spreadsheet/activation/package.json |   6 +-
 .../spreadsheet/adapter-chart/package.json    |  10 +-
 .../spreadsheet/adapter-combo/package.json    |  10 +-
 .../excel/spreadsheet/clipboard/package.json  |   6 +-
 .../excel/spreadsheet/commands/package.json   |   6 +-
 .../conditional-formatting/package.json       |   6 +-
 .../spreadsheet/config-options/package.json   |   6 +-
 .../spreadsheet/data-validation/package.json  |   6 +-
 .../spreadsheet/filter-dialog/package.json    |   6 +-
 .../spreadsheet/format-dialog/package.json    |   6 +-
 .../excel/spreadsheet/hyperlinks/package.json |   6 +-
 .../excel/spreadsheet/overview/package.json   |   6 +-
 .../spreadsheet/sort-dialog/package.json      |   6 +-
 .../bullet-graph/animation/package.json       |   4 +-
 .../bullet-graph/background/package.json      |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/bullet-graph/labels/package.json   |   4 +-
 .../gauges/bullet-graph/measures/package.json |   4 +-
 .../gauges/bullet-graph/ranges/package.json   |   4 +-
 .../gauges/bullet-graph/scale/package.json    |   4 +-
 .../bullet-graph/tickmarks/package.json       |   4 +-
 .../bullet-graph/type-filled/package.json     |   4 +-
 .../bullet-graph/type-horizontal/package.json |   4 +-
 .../bullet-graph/type-reversed/package.json   |   4 +-
 .../bullet-graph/type-segmented/package.json  |   4 +-
 .../bullet-graph/type-vertical/package.json   |   4 +-
 .../linear-gauge/animation/package.json       |   4 +-
 .../gauges/linear-gauge/backing/package.json  |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/linear-gauge/labels/package.json   |   4 +-
 .../gauges/linear-gauge/needle/package.json   |   4 +-
 .../gauges/linear-gauge/ranges/package.json   |   4 +-
 .../gauges/linear-gauge/scale/package.json    |   4 +-
 .../linear-gauge/tickmarks/package.json       |   4 +-
 .../linear-gauge/type-curved/package.json     |   4 +-
 .../linear-gauge/type-filled/package.json     |   4 +-
 .../linear-gauge/type-horizontal/package.json |   4 +-
 .../type-multi-range/package.json             |   4 +-
 .../type-multi-scale/package.json             |   4 +-
 .../linear-gauge/type-segmented/package.json  |   4 +-
 .../linear-gauge/type-vertical/package.json   |   4 +-
 .../radial-gauge/animation/package.json       |   4 +-
 .../gauges/radial-gauge/backing/package.json  |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/radial-gauge/labels/package.json   |   4 +-
 .../gauges/radial-gauge/needle/package.json   |   4 +-
 .../radial-gauge/optical-scaling/package.json |   4 +-
 .../gauges/radial-gauge/ranges/package.json   |   4 +-
 .../gauges/radial-gauge/scale/package.json    |   4 +-
 .../radial-gauge/tickmarks/package.json       |   4 +-
 .../radial-gauge/type-column/package.json     |   4 +-
 .../radial-gauge/type-curved/package.json     |   4 +-
 .../radial-gauge/type-direction/package.json  |   4 +-
 .../radial-gauge/type-full/package.json       |   4 +-
 .../radial-gauge/type-half/package.json       |   4 +-
 .../radial-gauge/type-quatre/package.json     |   4 +-
 .../radial-gauge/type-ring/package.json       |   4 +-
 .../radial-gauge/type-segmented/package.json  |   4 +-
 .../radial-gauge/type-semi/package.json       |   4 +-
 .../data-grid/accessibility/package.json      |   8 +-
 .../binding-data-service/package.json         |   8 +-
 .../data-grid/binding-live-data/package.json  |  10 +-
 .../data-grid/binding-local-data/package.json |   8 +-
 .../binding-remote-data/package.json          |  10 +-
 .../data-grid/cell-activation/package.json    |   8 +-
 .../grids/data-grid/cell-editing/package.json |   8 +-
 .../grids/data-grid/cell-merging/package.json |  10 +-
 .../data-grid/cell-selection/package.json     |   8 +-
 .../data-grid/column-animation/package.json   |   8 +-
 .../column-chooser-picker/package.json        |   8 +-
 .../column-chooser-toolbar/package.json       |   8 +-
 .../column-filter-expressions/package.json    |   8 +-
 .../column-filter-operands/package.json       |   8 +-
 .../data-grid/column-filtering/package.json   |   8 +-
 .../data-grid/column-moving/package.json      |   8 +-
 .../data-grid/column-options/package.json     |   8 +-
 .../column-pinning-picker/package.json        |   8 +-
 .../column-pinning-toolbar/package.json       |   8 +-
 .../data-grid/column-resizing/package.json    |   8 +-
 .../data-grid/column-scrolling/package.json   |   8 +-
 .../data-grid/column-sorting/package.json     |   8 +-
 .../data-grid/column-summaries/package.json   |   8 +-
 .../grids/data-grid/column-types/package.json |  10 +-
 .../data-grid/load-save-layout/package.json   |  10 +-
 .../grids/data-grid/localization/package.json |  10 +-
 samples/grids/data-grid/overview/package.json |  10 +-
 samples/grids/data-grid/pager/package.json    |   8 +-
 .../grids/data-grid/performance/package.json  |   8 +-
 .../row-group-descriptions/package.json       |   8 +-
 .../grids/data-grid/row-grouping/package.json |   8 +-
 .../data-grid/row-highlighting/package.json   |   8 +-
 .../grids/data-grid/row-paging/package.json   |   8 +-
 .../grids/data-grid/row-pinning/package.json  |   8 +-
 .../data-grid/row-selection/package.json      |   8 +-
 .../type-comparison-table/package.json        |  10 +-
 .../data-grid/type-heatmap-table/package.json |   8 +-
 .../type-marketing-table/package.json         |  10 +-
 .../data-grid/type-matrix-table/package.json  |   8 +-
 .../type-periodic-table/package.json          |   8 +-
 .../grids/data-grid/type-table/package.json   |   8 +-
 samples/grids/grid/action-strip/package.json  |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../grid/binding-composite-data/package.json  |   8 +-
 .../grids/grid/binding-crud-data/package.json |   8 +-
 .../grid/binding-nested-data-1/package.json   |   8 +-
 .../grids/grid/cascading-combo/package.json   |   8 +-
 .../grid/cell-editing-sample/package.json     |   8 +-
 .../grid/cell-editing-styling/package.json    |   8 +-
 .../grid/cell-selection-mode/package.json     |   8 +-
 .../grid/cell-selection-style/package.json    |   8 +-
 .../grid/change-icons-custom/package.json     |   8 +-
 .../grid/clipboard-operations/package.json    |   8 +-
 .../grid/column-auto-sizing/package.json      |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../grids/grid/column-data-types/package.json |   8 +-
 .../grid/column-hiding-options/package.json   |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../grid/column-hiding-toolbar/package.json   |   8 +-
 .../grid/column-moving-options/package.json   |   8 +-
 .../grid/column-moving-styles/package.json    |   8 +-
 .../grid/column-pinning-options/package.json  |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../grid/column-pinning-styles/package.json   |   8 +-
 .../grids/grid/column-pinning/package.json    |   8 +-
 .../grid/column-resize-styling/package.json   |   8 +-
 .../grids/grid/column-resizing/package.json   |   8 +-
 .../grid/column-selection-group/package.json  |   8 +-
 .../grid/column-selection-mode/package.json   |   8 +-
 .../grid/column-selection-styles/package.json |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../grid/column-sorting-options/package.json  |   8 +-
 .../grid/column-sorting-style/package.json    |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../grid/custom-context-menu/package.json     |   8 +-
 .../grids/grid/custom-filtering/package.json  |   8 +-
 .../data-batch-editing-actions/package.json   |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../grid/data-paste-options/package.json      |   8 +-
 .../package.json                              |   8 +-
 .../grids/grid/data-searching/package.json    |   8 +-
 .../grid/data-summaries-custom/package.json   |   8 +-
 .../grid/data-summary-formatter/package.json  |   8 +-
 .../grid/data-summary-options/package.json    |   8 +-
 .../grid/data-summary-template/package.json   |   8 +-
 .../grid/data-validation-style/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../grid/data-validator-service/package.json  |   8 +-
 .../grids/grid/editing-columns/package.json   |   8 +-
 .../grids/grid/editing-events/package.json    |   8 +-
 .../editing-excel-style-custom/package.json   |   8 +-
 .../grid/editing-excel-style/package.json     |   8 +-
 .../grids/grid/editing-lifecycle/package.json |   8 +-
 .../grids/grid/excel-exporting/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../external-advanced-filtering/package.json  |   8 +-
 .../grids/grid/filtering-options/package.json |   8 +-
 .../grid/filtering-strategy/package.json      |   8 +-
 .../grids/grid/filtering-style/package.json   |   8 +-
 samples/grids/grid/finjs/package.json         |  10 +-
 .../grids/grid/groupby-custom/package.json    |   8 +-
 .../grid/groupby-expressions/package.json     |   8 +-
 .../grids/grid/groupby-paging/package.json    |   8 +-
 .../grids/grid/groupby-styling/package.json   |   8 +-
 .../grid/groupby-summary-options/package.json |   8 +-
 .../grid/groupby-summary-styling/package.json |   8 +-
 .../grids/grid/infinite-scroll/package.json   |   8 +-
 .../keyboard-custom-navigation/package.json   |   8 +-
 .../grid/keyboard-mrl-navigation/package.json |   8 +-
 .../keyboard-navigation-guide/package.json    |   8 +-
 .../grid/layout-display-density/package.json  |   8 +-
 samples/grids/grid/master-detail/package.json |   8 +-
 .../multi-cell-selection-mode/package.json    |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../multi-row-layout-options/package.json     |   8 +-
 .../grid/multi-row-layout-style/package.json  |   8 +-
 samples/grids/grid/overview/package.json      |   8 +-
 samples/grids/grid/paste/package.json         |   8 +-
 .../grid/remote-paging-data/package.json      |   8 +-
 .../grid/remote-paging-grid/package.json      |   8 +-
 samples/grids/grid/row-adding/package.json    |   8 +-
 samples/grids/grid/row-classes/package.json   |   8 +-
 samples/grids/grid/row-drag-base/package.json |   8 +-
 .../grid/row-editing-options/package.json     |   8 +-
 .../grids/grid/row-editing-style/package.json |   8 +-
 .../grids/grid/row-paging-basic/package.json  |   8 +-
 .../grid/row-paging-options/package.json      |   8 +-
 .../grids/grid/row-pinning-drag/package.json  |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../grid/row-pinning-options/package.json     |   8 +-
 .../grids/grid/row-pinning-style/package.json |   8 +-
 samples/grids/grid/row-reorder/package.json   |   8 +-
 .../grid/row-selection-mode/package.json      |   8 +-
 .../row-selection-template-excel/package.json |   8 +-
 .../package.json                              |   8 +-
 samples/grids/grid/row-styles/package.json    |   8 +-
 .../grid/state-persistence-about/package.json |   8 +-
 .../grid/state-persistence-main/package.json  |   8 +-
 .../grid/styling-custom-CSS/package.json      |   8 +-
 .../grids/grid/toolbar-sample-1/package.json  |   8 +-
 .../grids/grid/toolbar-sample-2/package.json  |   8 +-
 .../grids/grid/toolbar-sample-3/package.json  |   8 +-
 .../grids/grid/toolbar-sample-4/package.json  |   8 +-
 samples/grids/grid/toolbar-style/package.json |   8 +-
 .../action-strip/package.json                 |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../cell-editing-sample/package.json          |   8 +-
 .../cell-editing-styling/package.json         |   8 +-
 .../cell-selection-mode/package.json          |   8 +-
 .../cell-selection-overview/package.json      |   8 +-
 .../cell-selection-style/package.json         |   8 +-
 .../cell-selection-styling/package.json       |   8 +-
 .../column-auto-sizing/package.json           |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../column-hiding-toolbar/package.json        |   8 +-
 .../column-moving-options/package.json        |   8 +-
 .../column-moving-styles/package.json         |   8 +-
 .../column-pinning-options/package.json       |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../column-pinning-styles/package.json        |   8 +-
 .../column-pinning/package.json               |   8 +-
 .../column-resize-styling/package.json        |   8 +-
 .../column-resizing/package.json              |   8 +-
 .../column-selection-group/package.json       |   8 +-
 .../column-selection-mode/package.json        |   8 +-
 .../column-selection-styles/package.json      |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../column-sorting-options/package.json       |   8 +-
 .../column-sorting-style/package.json         |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../custom-filtering/package.json             |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../package.json                              |   8 +-
 .../data-summary-formatter/package.json       |   8 +-
 .../data-summary-options-styling/package.json |   8 +-
 .../data-summary-options/package.json         |   8 +-
 .../data-summary-template/package.json        |   8 +-
 .../editing-columns/package.json              |   8 +-
 .../editing-events/package.json               |   8 +-
 .../editing-lifecycle/package.json            |   8 +-
 .../excel-exporting/package.json              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../filtering-options/package.json            |   8 +-
 .../filtering-style/package.json              |   8 +-
 .../hierarchical-grid-options/package.json    |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid-styling/package.json    |   8 +-
 .../layout-display-density/package.json       |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid/overview/package.json   |   8 +-
 .../remote-paging-sample/package.json         |   8 +-
 .../hierarchical-grid/row-adding/package.json |   8 +-
 .../row-classes/package.json                  |   8 +-
 .../row-drag-base/package.json                |   8 +-
 .../row-editing-options/package.json          |   8 +-
 .../row-editing-style/package.json            |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../row-pinning-options/package.json          |   8 +-
 .../row-pinning-style/package.json            |   8 +-
 .../row-reorder/package.json                  |   8 +-
 .../row-selection-mode/package.json           |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid/row-styles/package.json |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../toolbar-sample-1/package.json             |   8 +-
 .../toolbar-sample-2/package.json             |   8 +-
 .../toolbar-sample-3/package.json             |   8 +-
 .../toolbar-sample-4/package.json             |   8 +-
 .../toolbar-style/package.json                |   8 +-
 .../grids/list/add-list-items/package.json    |   2 +-
 .../aggregate-max-sales/package.json          |   8 +-
 .../aggregate-units-sold/package.json         |   8 +-
 samples/grids/pivot-grid/basic/package.json   |   8 +-
 .../data-persistence-noop/package.json        |   8 +-
 .../pivot-grid/data-selector/package.json     |   8 +-
 .../grids/pivot-grid/features/package.json    |   8 +-
 samples/grids/pivot-grid/remote/package.json  |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../grids/tree-grid/action-strip/package.json |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../cell-editing-sample/package.json          |   8 +-
 .../cell-editing-styling/package.json         |   8 +-
 .../cell-selection-mode/package.json          |   8 +-
 .../cell-selection-style/package.json         |   8 +-
 .../clipboard-operations/package.json         |   8 +-
 .../tree-grid/column-auto-sizing/package.json |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../tree-grid/column-data-types/package.json  |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../column-hiding-toolbar/package.json        |   8 +-
 .../column-moving-options/package.json        |   8 +-
 .../column-moving-styles/package.json         |   8 +-
 .../column-pinning-options/package.json       |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../column-pinning-styles/package.json        |   8 +-
 .../column-pinning-toolbar/package.json       |   8 +-
 .../tree-grid/column-pinning/package.json     |   8 +-
 .../column-resize-styling/package.json        |   8 +-
 .../tree-grid/column-resizing/package.json    |   8 +-
 .../column-selection-group/package.json       |   8 +-
 .../column-selection-mode/package.json        |   8 +-
 .../column-selection-style/package.json       |   8 +-
 .../column-selection-styles/package.json      |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../column-sorting-options/package.json       |   8 +-
 .../column-sorting-style/package.json         |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../tree-grid/custom-filtering/package.json   |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../tree-grid/data-searching/package.json     |   8 +-
 .../data-summaries-custom/package.json        |   8 +-
 .../data-summary-children/package.json        |   8 +-
 .../data-summary-formatter/package.json       |   8 +-
 .../data-summary-options-styling/package.json |   8 +-
 .../data-summary-options/package.json         |   8 +-
 .../data-summary-template/package.json        |   8 +-
 .../tree-grid/editing-columns/package.json    |   8 +-
 .../tree-grid/editing-events/package.json     |   8 +-
 .../tree-grid/editing-lifecycle/package.json  |   8 +-
 .../tree-grid/excel-exporting/package.json    |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../tree-grid/filtering-options/package.json  |   8 +-
 .../tree-grid/filtering-style/package.json    |   8 +-
 samples/grids/tree-grid/finjs/package.json    |  10 +-
 .../keyboard-custom-navigation/package.json   |   8 +-
 .../keyboard-navigation-guide/package.json    |   8 +-
 .../layout-display-density/package.json       |   8 +-
 .../tree-grid/load-on-demand/package.json     |   8 +-
 .../multi-cell-selection-mode/package.json    |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../tree-grid/overview-styling/package.json   |   8 +-
 samples/grids/tree-grid/overview/package.json |   8 +-
 .../grids/tree-grid/row-adding/package.json   |   8 +-
 .../grids/tree-grid/row-classes/package.json  |   8 +-
 .../tree-grid/row-drag-base/package.json      |   8 +-
 .../row-editing-options/package.json          |   8 +-
 .../tree-grid/row-editing-style/package.json  |   8 +-
 .../tree-grid/row-paging-basic/package.json   |   8 +-
 .../tree-grid/row-paging-options/package.json |   8 +-
 .../tree-grid/row-paging-style/package.json   |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../row-pinning-options/package.json          |   8 +-
 .../tree-grid/row-pinning-style/package.json  |   8 +-
 .../grids/tree-grid/row-reorder/package.json  |   8 +-
 .../tree-grid/row-selection-mode/package.json |   8 +-
 .../row-selection-template-excel/package.json |   8 +-
 .../package.json                              |   8 +-
 .../grids/tree-grid/row-styles/package.json   |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../tree-grid/toolbar-sample-1/package.json   |   8 +-
 .../tree-grid/toolbar-sample-2/package.json   |   8 +-
 .../tree-grid/toolbar-sample-3/package.json   |   8 +-
 .../tree-grid/toolbar-sample-4/package.json   |   8 +-
 .../tree-grid/toolbar-style/package.json      |   8 +-
 .../using-primary-foreign-keys/package.json   |   8 +-
 .../embedding-frames/package.json             |   2 +-
 .../dock-manager/hiding-panes/package.json    |   2 +-
 .../dock-manager/overview/package.json        |   2 +-
 .../layouts/dock-manager/styling/package.json |   2 +-
 .../dock-manager/updating-panes/package.json  |   8 +-
 .../geo-map/binding-data-csv/package.json     |   6 +-
 .../binding-data-json-points/package.json     |   6 +-
 .../geo-map/binding-data-model/package.json   |   6 +-
 .../binding-multiple-shapes/package.json      |   6 +-
 .../binding-multiple-sources/package.json     |   6 +-
 .../geo-map/binding-shp-points/package.json   |   6 +-
 .../geo-map/binding-shp-polygons/package.json |   6 +-
 .../binding-shp-polylines/package.json        |   6 +-
 .../maps/geo-map/custom-tooltips/package.json |   6 +-
 .../geo-map/display-all-imagery/package.json  |   6 +-
 .../geo-map/display-bing-imagery/package.json |   6 +-
 .../geo-map/display-esri-imagery/package.json |   6 +-
 .../geo-map/display-heat-imagery/package.json |   6 +-
 .../geo-map/display-osm-imagery/package.json  |   6 +-
 .../maps/geo-map/marker-template/package.json |   6 +-
 samples/maps/geo-map/marker-type/package.json |   6 +-
 samples/maps/geo-map/navigation/package.json  |   6 +-
 samples/maps/geo-map/overview/package.json    |   6 +-
 .../maps/geo-map/shape-styling/package.json   |   6 +-
 .../maps/geo-map/synchronization/package.json |   6 +-
 .../geo-map/triangulating-data/package.json   |   6 +-
 .../type-scatter-area-series/package.json     |   6 +-
 .../type-scatter-bubble-series/package.json   |   6 +-
 .../type-scatter-contour-series/package.json  |   6 +-
 .../type-scatter-density-series/package.json  |   6 +-
 .../type-scatter-symbol-series/package.json   |   6 +-
 .../type-shape-polygon-series/package.json    |   6 +-
 .../type-shape-polyline-series/package.json   |   6 +-
 683 files changed, 2276 insertions(+), 2276 deletions(-)

diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 2e7b4602c9..3bd9240dec 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -976,17 +976,17 @@ function updateIG(cb) {
     // { name:               "igniteui-webcomponents-core", version: "3.2.2" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-webcomponents-core"                     , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-charts"                   , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-excel"                    , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-grids"                    , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-maps"                     , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.2-beta.0" },
-        { name: "igniteui-webcomponents-datasources"              , version: "5.0.2-beta.0" },
+        { name: "igniteui-webcomponents-core"                     , version: "5.0.2" },
+        { name: "igniteui-webcomponents-charts"                   , version: "5.0.2" },
+        { name: "igniteui-webcomponents-excel"                    , version: "5.0.2" },
+        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.2" },
+        { name: "igniteui-webcomponents-grids"                    , version: "5.0.2" },
+        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.2" },
+        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.2" },
+        { name: "igniteui-webcomponents-maps"                     , version: "5.0.2" },
+        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.2" },
+        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.2" },
+        { name: "igniteui-webcomponents-datasources"              , version: "5.0.2" },
         // these IG packages are sometimes updated:
         { name: "igniteui-webcomponents", version: "5.0.0" },
         { name: "igniteui-dockmanager", version: "1.14.3" },
diff --git a/package-lock.json b/package-lock.json
index 444e4edba9..238b84f80e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,17 +22,17 @@
         "file-saver": "^2.0.2",
         "igniteui-dockmanager": "1.14.3",
         "igniteui-webcomponents": "5.0.0",
-        "igniteui-webcomponents-charts": "5.0.2-beta.0",
-        "igniteui-webcomponents-core": "5.0.2-beta.0",
-        "igniteui-webcomponents-datasources": "5.0.2-beta.0",
-        "igniteui-webcomponents-excel": "5.0.2-beta.0",
-        "igniteui-webcomponents-gauges": "5.0.2-beta.0",
-        "igniteui-webcomponents-grids": "5.0.2-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-        "igniteui-webcomponents-layouts": "5.0.2-beta.0",
-        "igniteui-webcomponents-maps": "5.0.2-beta.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
-        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
+        "igniteui-webcomponents-charts": "5.0.2",
+        "igniteui-webcomponents-core": "5.0.2",
+        "igniteui-webcomponents-datasources": "5.0.2",
+        "igniteui-webcomponents-excel": "5.0.2",
+        "igniteui-webcomponents-gauges": "5.0.2",
+        "igniteui-webcomponents-grids": "5.0.2",
+        "igniteui-webcomponents-inputs": "5.0.2",
+        "igniteui-webcomponents-layouts": "5.0.2",
+        "igniteui-webcomponents-maps": "5.0.2",
+        "igniteui-webcomponents-spreadsheet": "5.0.2",
+        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
         "lit": "^3.2.0",
         "lit-html": "^3.2.0"
       },
@@ -8790,14 +8790,14 @@
       }
     },
     "node_modules/igniteui-webcomponents-charts": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.2-beta.0.tgz",
-      "integrity": "sha512-66AZ/NZGrNQBuYJU+F8KqNbwDyJ7ZGIWyA8EUgwiRanqpUSpCz2mYeHVAXfc+G542zKnd602szOB2LAKhphY5A==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.2.tgz",
+      "integrity": "sha512-1V/Givkf+S+A10dNO6P0aKM67DI86+1VvudXp4g5oc3L4TIHQ2hoFkiSi05ZN7p+dGwTPZhWr7NEeTpNcXUwOg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-charts/node_modules/tslib": {
@@ -8806,9 +8806,9 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-core": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.2-beta.0.tgz",
-      "integrity": "sha512-IUZ23tl64T/doH/FZU8rs2gQB/MorqY3OLw+EU3gII60eO/4KtCilMLiTpF3Akqu/TqUQomnPEskkchlDnCVpQ==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.2.tgz",
+      "integrity": "sha512-EgCG1jMNSSYp8bBmlaxaxVhtQrmYOSrDmZKgcNCYZaQsQpC98TiOFRQyp2KcWViLWYTjX5DZN5YyfjDt96/lDw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
@@ -8822,14 +8822,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-datasources": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.2-beta.0.tgz",
-      "integrity": "sha512-kB3qoStAKsPmCU5TnoIkzn/VOclGK6SqwUpDA3VniXR4VwJp0iGrbm6+L9omoaIruu8VXJeFP5Kv+FIbDtoxcw==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.2.tgz",
+      "integrity": "sha512-ox3Ti+WFQSVjX1WK4o/m7HgsWzWETRx+JTDZuRnq/Rh8WqyoSgmCDh907hKhhzp6DsFvKc8TVcdEnMyoz/gGtQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-datasources/node_modules/tslib": {
@@ -8838,16 +8838,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-excel": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.2-beta.0.tgz",
-      "integrity": "sha512-CndsSoymRgmSiwA9CreipdbpoQx6ghe55uXtu32wirBp/ed7Ok8Tmq15Ytv6rzotCRsJuQj8sl/8CQ7lbSPvbg==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.2.tgz",
+      "integrity": "sha512-aBYkK9DAbBWiiSop7xXQzEfAb071lWz3qklBoogyfuQACQf61hFo1Rg3NMdWyt1/zeZXXAop3lwNuaQje9XJVw==",
       "dependencies": {
         "jszip": "^3.1.5",
         "pako": "^1.0.6",
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-excel/node_modules/tslib": {
@@ -8856,14 +8856,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-gauges": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.2-beta.0.tgz",
-      "integrity": "sha512-n97fzrz+0alps05zozO4tW7xXqDEyAUq/uTvlOfvNAu6R9atzn4k7wsnJWQA3uuglkFFyqNQejHEZo83N7kRuw==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.2.tgz",
+      "integrity": "sha512-hKe4h8H16lX4qq/9H3YJhrl5uU4KEcm4c2yRBcIkW7rYVtEZilic7YzoKJBoxOsMbJyMYl/dxrR93ci95xq3zg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-gauges/node_modules/tslib": {
@@ -8872,16 +8872,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-grids": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.2-beta.0.tgz",
-      "integrity": "sha512-JRmg8oK9hJPftIMK7wmJ30O9fbsJbuuv02m5lbj4bLS0pCaT+9rc7cKu/rAA50rHmTM50kZy/RmhXWsiHYLsxQ==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.2.tgz",
+      "integrity": "sha512-G7pfoHT1ysItrF+c3q5tpW+v+QYxw3pLYQD1h/u8ko3hgt+Fl8tKEuRCos23h/VX8+xGJS3jTBXTRuanBAFJTw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-        "igniteui-webcomponents-layouts": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2",
+        "igniteui-webcomponents-inputs": "5.0.2",
+        "igniteui-webcomponents-layouts": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-grids/node_modules/tslib": {
@@ -8890,14 +8890,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-inputs": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.2-beta.0.tgz",
-      "integrity": "sha512-0ndYUAi+lvQ6hjzPiS1GyCWcJORGKbf8OA6xQkxHypQMaeAKHcd32bT8Fxo4d1MYO5oHRSagkicfuAgCMvBwyA==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.2.tgz",
+      "integrity": "sha512-TeUIv1IbkUQwUS1fCkTGi/g3vD0z19ML7lxi0RQRwQzJNgt+jEJD/9/2NfCTxE1bUy6ubdyXx4j7OQr3afiTgg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-inputs/node_modules/tslib": {
@@ -8906,15 +8906,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-layouts": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.2-beta.0.tgz",
-      "integrity": "sha512-GmG98bfLsrHdGxtXBxVEg+/oz4839UuBfXkpXx6PvK6YPjAkcryxZ6mu/QMVIiLEbG02i1rQLje+6nSdxn3IiA==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.2.tgz",
+      "integrity": "sha512-KTKNeTCgjYvYEz1HtpIV++k0CDfvpbIQFYG76s8bErk4D/wrSRjeU2dBA0oFuXrHPocui0XN+KdpcC/aLaepGw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2",
+        "igniteui-webcomponents-inputs": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-layouts/node_modules/tslib": {
@@ -8923,15 +8923,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-maps": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.2-beta.0.tgz",
-      "integrity": "sha512-y3/vCfWgcN9UrCryNVx11paQ68awEbhgP43jhIcVVafkLUYLgMiMNvNUwichZidki9V9A/I6fV6VMF/FCeX1kg==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.2.tgz",
+      "integrity": "sha512-lg6JJF6xpA678IltQoVdy5iZ2dp2KKjN8OqVktQQdeWc5JZed9QOs8YQN3WpoVCc6PNxoX3/ktFq4bbvkofdxA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.2-beta.0",
-        "igniteui-webcomponents-core": "5.0.2-beta.0"
+        "igniteui-webcomponents-charts": "5.0.2",
+        "igniteui-webcomponents-core": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-maps/node_modules/tslib": {
@@ -8940,29 +8940,29 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-spreadsheet": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.2-beta.0.tgz",
-      "integrity": "sha512-8mh7TnDx+4lf/sGhzoE67nJE7fgpvyNw5jcEgogMCQLjp8ilDy+ntlrZwVqF1NaAfUevuqHUAKG/Mt1AgTToGA==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.2.tgz",
+      "integrity": "sha512-pAwNSAqRbi/bE1TvC0W1ImCWT3/jCSlNcs6960jf2nC2OQFMkLBsq9mWQaAYEhhR89shmt/k3j4ux6C0oprGPg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2-beta.0",
-        "igniteui-webcomponents-excel": "5.0.2-beta.0"
+        "igniteui-webcomponents-core": "5.0.2",
+        "igniteui-webcomponents-excel": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter": {
-      "version": "5.0.2-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.2-beta.0.tgz",
-      "integrity": "sha512-XpS9Hqeqzs61qvtTM4YTeocza83M7OsQR6heDP2mBnclU9WjLt06HEGO59B0Do5ZflQVIKf/E97EH6pdkq4SUw==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.2.tgz",
+      "integrity": "sha512-z02wy0uhJyonosmdZvHA2yvS+YtgtzdlTVca9YhjHF3PVHrDzSwBOqwK4UM+2/Vul7egAkoUBNXgyZcTypOrqA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.2-beta.0",
-        "igniteui-webcomponents-core": "5.0.2-beta.0",
-        "igniteui-webcomponents-excel": "5.0.2-beta.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0"
+        "igniteui-webcomponents-charts": "5.0.2",
+        "igniteui-webcomponents-core": "5.0.2",
+        "igniteui-webcomponents-excel": "5.0.2",
+        "igniteui-webcomponents-spreadsheet": "5.0.2"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter/node_modules/tslib": {
diff --git a/package.json b/package.json
index 2f1efbc21c..f8e4293c13 100644
--- a/package.json
+++ b/package.json
@@ -42,17 +42,17 @@
     "file-saver": "^2.0.2",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-datasources": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0"
   },
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index ff434953ea..282d90e379 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/package.json b/samples/charts/category-chart/area-chart-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-single-source/package.json b/samples/charts/category-chart/area-chart-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/package.json b/samples/charts/category-chart/column-chart-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-single-source/package.json b/samples/charts/category-chart/column-chart-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 c13ec0c6da..1d1902a00b 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/package.json b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 19ab7b5e25..89a9ab750c 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index 97ddc80604..65f98b0da9 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index c13ec0c6da..1d1902a00b 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/package.json b/samples/charts/category-chart/line-chart-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-single-source/package.json b/samples/charts/category-chart/line-chart-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 fbfd8827f4..61d5d7665c 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 ff434953ea..282d90e379 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index 0f961760c6..ef4b24da91 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/package.json b/samples/charts/category-chart/point-chart-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-single-source/package.json b/samples/charts/category-chart/point-chart-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/package.json b/samples/charts/category-chart/spline-area-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-single-source/package.json b/samples/charts/category-chart/spline-area-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 8ea7923398..571e0b68ba 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-multiple-sources/package.json b/samples/charts/category-chart/step-area-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-single-source/package.json b/samples/charts/category-chart/step-area-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-multiple-sources/package.json b/samples/charts/category-chart/step-line-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-single-source/package.json b/samples/charts/category-chart/step-line-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index 1a31c83ce8..cc5b855f19 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index 1a31c83ce8..cc5b855f19 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index 988feaeeb6..02d05b327b 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/package.json b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index 23f11237b3..917f49944f 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index 28606da397..8d8d807b10 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index 28606da397..8d8d807b10 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-min-max-gap/package.json b/samples/charts/data-chart/axis-min-max-gap/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index 18b9030461..4a00910a70 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index b0bc0e9d31..12fd75ae9e 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index 857017f57f..aa2ed5186a 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/package.json b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-single-source/package.json b/samples/charts/data-chart/bar-chart-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index 4af7b6e909..e2c0bbca98 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 5217fa4f17..14336e7343 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 2592db8992..0e625ff892 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index 15855bddc9..38e889b861 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 66a3036d51..f2883fb376 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 5217fa4f17..14336e7343 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 9c28c6259f..7b589d12f9 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index 10478d60f3..67f006614a 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index a1ac921e7a..7d8184d2bf 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index a1ac921e7a..7d8184d2bf 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index a1ac921e7a..7d8184d2bf 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index a1ac921e7a..7d8184d2bf 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index a1ac921e7a..7d8184d2bf 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 d37544de68..ed343c1c63 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index a1ac921e7a..7d8184d2bf 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 8af9be43ee..8e300525d9 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-area-chart-styling/package.json b/samples/charts/data-chart/polar-area-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index ce5c4c105b..1cb953f04e 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-spline-area-chart/package.json b/samples/charts/data-chart/polar-spline-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-area-chart-styling/package.json b/samples/charts/data-chart/radial-area-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index ecbdaec81d..b82abbb428 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index c11981721a..d53ae3c969 100644
--- a/samples/charts/data-chart/series-animations/package.json
+++ b/samples/charts/data-chart/series-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 45c4005480..899ff74195 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-error-bars/package.json b/samples/charts/data-chart/series-error-bars/package.json
index 96796c52ce..bf4ba12246 100644
--- a/samples/charts/data-chart/series-error-bars/package.json
+++ b/samples/charts/data-chart/series-error-bars/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index 91bd1a5d42..b3ddaa52e6 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index b8293a1de7..b123668035 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 4e7823e4a6..90b0e32300 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 2a58124f1e..0ebe052eeb 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index fc03f08619..150d1b9604 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index fedfab072b..c92028f928 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index 06cb8479f7..6212c313ed 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index cb359e58aa..f7f91cbbaa 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 6cc630336e..bdf7f84101 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 62a0f2cef7..c930311dda 100644
--- a/samples/charts/data-chart/type-financial-indicator-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 ce5297e2e7..b70fbb88c4 100644
--- a/samples/charts/data-chart/type-financial-indicator-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-line/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 fed92284fc..00909c7547 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 4949a52480..11d39a2289 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index 4c8ff0d7ab..e446e31c3b 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 b7f21c064a..c3b0c4db03 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 044543467f..6aff75a456 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index beeaa7e639..fa6f7b93aa 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 798c33540e..9eed622b30 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 e66dcff090..728bdda452 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 ab8a3b0898..7a591b3299 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 1f92aba8f8..c4cef10ac5 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 544f60b3a3..614fa06bb0 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 fb1a8a1cf8..120288643c 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index ca9bfef79c..56bf4d0071 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index 262d2fd0c6..3bc3f5e47a 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index 5ec9ffa73c..04111087f4 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 393258ac20..781735754b 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index ce639e9144..be235fd986 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index cc0b920fb8..74fcd08b38 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index 9ea99efc1d..dbc6bac6aa 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend-styling-props/package.json b/samples/charts/financial-chart/data-legend-styling-props/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 4f2a20c120..02dec5b3d7 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 92dbb1312d..01b2e4710d 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index 7b23754c0a..046d5f3215 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index de358149a4..cb5759b3a5 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index ce77fd68d0..7891088a21 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 4af3268f3e..8e49566964 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index de19fb508f..f8262a29ab 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index 424bcef0e4..d7c5d38f77 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 3d90d19d3a..3b35782c8d 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index 3c0ee6290d..785541ffaf 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index 2e423263f9..52fb732014 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index a35496cdff..fa1ad19080 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index 92cba46df6..bbed84dae0 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 9850f478d0..988d472b24 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index 4e06fd9e69..4aa0644511 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index 706f63aaa4..39a551bdca 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index f07edd7f92..96f7d0e456 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index 648ba654b2..9cb9916454 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index 7d60752df0..e3f171b3eb 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index 6b2cd060f5..edaaf999a7 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index a623268ec8..5b4eaa8fed 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index cf656d9399..c98829bb32 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index 5dc670bdc3..bd5623f4c9 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 2160e32a6b..b21ea39f9f 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index f19c6b1aa9..3232fcef59 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index a71dbd01fa..005ac6d42f 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index 34b8a0a5c9..548d60ddf5 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index e5995479a3..d7512ed0d4 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 4581724a0b..70b4b4064f 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index bc1ac6ddbf..a26f1504d9 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index c6dd0c916b..00b460b015 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index aa82231e10..ebe1e7c5a9 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index 946b345fa8..63465c04de 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index 28146297fe..8b964c14b8 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index d903921a0d..d45b8101a2 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index b7869c6b01..b714ce9130 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index 0b44ff30c2..10a85050e7 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index 5dd9d50e4d..ba23b8c3ee 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index 4bf084ff70..ec97c92251 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index 67f6db5f90..12d1a09cdc 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index c0f0ff036e..baf5f57335 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index 44a0bfcaa8..f97f7b31b4 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index cb9101a6e8..3fcc699779 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index e1774f9a83..7149264158 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 8966c4996b..36e1022c17 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index a568170165..35cc3fa5b5 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index 0a1eb914c6..e6ba56f45c 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index 951c37f909..7648f2f2f1 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 1db9c67cd1..95aee32407 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-excel": "5.0.2-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-spreadsheet": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index 6890feeeff..5d15394d1e 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 5afa65f34e..d77c116f4c 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index c4e6864aa0..35107cbb2e 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 563a8befbc..12b386e969 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index e5ecb05d9f..3f15264150 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index 195a3ca1cc..bc87a8a214 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 4a1bc30b8a..6b93672932 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index c1124f80ad..b803e4931d 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 72dd822ad7..eabbbe6665 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index 5f574603d7..555cc1d448 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index 8a2d06d0c5..db14fc57c0 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index 9dbc226395..6648145f11 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index 53a403c40e..e21a1ae4f6 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index 2b44bcaf52..20218dcd76 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index c3eed75b70..8ffc0adc82 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index 6196e8e95f..73f868bc5a 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 23887d8662..428218f802 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 00e871ee06..6e713572db 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index 707364f803..dd81891307 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index b9d2f36e83..298ecdde4b 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index efbe438f56..889dc65322 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index f384bb3ee4..9be24317c5 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index ba440fdbe7..742b1ea8ab 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index d219d18eb3..240c4cd403 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 27eee888c3..a2d6a38edf 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index ab6faffc29..8eb4eaf6b0 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index ff8780f723..7bdac6be9b 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index e0d472596b..a20d9282ff 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index 356503a7a1..1b0c60c61b 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 1e828a6c3d..cd0c37724b 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 65d385269b..2add0c2c73 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 2f39a2aca8..911232aff1 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 6076098640..270bbb3651 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 2f39a2aca8..911232aff1 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index 97e08b91db..c9332d7f12 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index cadb43c524..6193fabe94 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index 801bb6d29e..a680cf3dcd 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index cd038684bb..d0ee9d89d3 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index 6dfbc31699..d5b23e0d3a 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index ead8f0290c..b6049cc093 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index ded3843bdf..46b80c1306 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index 8b2bc61e60..b333fe5db2 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 8d0a4b35ed..b3275fbea5 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index a435a6c37f..8c1abe8ec3 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 8fca2b07df..969ad78371 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index f1c4cfe872..b5fa2a7a6f 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index 887d6f34ea..9e564c1aa0 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index fab34186b9..fee46fe081 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index c497965f78..452e133877 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -29,11 +29,11 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index 885f295b26..70d8e72c97 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index 1eddfd3b04..112827405a 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-datasources": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index 1347b266b4..11506e38f3 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index 896383db6f..47724b772b 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 715bab7aab..b782bcf5fb 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-datasources": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index 8b1ee6f8d2..708c2a8b1a 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 8eb3f127ca..2f07eead6b 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 3f91e9567a..9078868080 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 048be3ba62..9484ed27a9 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index d3d7f25531..d281bcead0 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index f59f098af0..38c00430a0 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index 57f2d96c0b..4e0e75358f 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index c38eb7c8e8..8489256906 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 5316026f0a..abc0e4184a 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index 56bd8aa23b..7781592074 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -25,10 +25,10 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 327a1d1399..e14472cdb9 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index a40f35e220..5890dda630 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index 48664774f9..a456a91db5 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index 72524808ef..a7e3bf62d3 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index e25a228122..4032082225 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index 6943eeb69a..a97c87ce54 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 4f75335314..3f31718446 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index 3cef6f3cd7..a25e6b937c 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index 314c2115ff..470e2b1ecd 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index d6aa202ab1..469fe9b497 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index e21e3237af..cd99a48b09 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index 8d4802af07..78203355bf 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index 8d4802af07..78203355bf 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index 3d6275b792..6da5a69d7f 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index 9def2a4141..de86d6f702 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index 28cee48651..d8150df795 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index 8b1ee6f8d2..708c2a8b1a 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index 94ac684d3a..93f7a54deb 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-datasources": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 6c2bf94cf5..7df48607a7 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index 28a39d484e..6b4f983d5e 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index 26d65f3148..ba82810cf4 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 5ff55d52f5..ba0f151078 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-table/package.json b/samples/grids/data-grid/type-table/package.json
index 11732ff05a..47f068f5c8 100644
--- a/samples/grids/data-grid/type-table/package.json
+++ b/samples/grids/data-grid/type-table/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.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/custom-filtering/package.json
+++ b/samples/grids/grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/data-summaries-custom/package.json
+++ b/samples/grids/grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/editing-excel-style-custom/package.json
+++ b/samples/grids/grid/editing-excel-style-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index cabb6fece2..88ca5ded9c 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index fcb33ec055..8e3ab9a468 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "rxjs": "7.8.1",
     "tslib": "^2.0.0"
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "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 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/grid/toolbar-sample-4/package.json
+++ b/samples/grids/grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/hierarchical-grid/remote-paging-sample/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index e7647b3e18..065075cea9 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/pivot-grid/basic/package.json
+++ b/samples/grids/pivot-grid/basic/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index b657a607ac..9833a9bb90 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index 9b6c59192b..d9b98fc082 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json
index 9b6c59192b..d9b98fc082 100644
--- a/samples/grids/pivot-grid/remote/package.json
+++ b/samples/grids/pivot-grid/remote/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/custom-filtering/package.json
+++ b/samples/grids/tree-grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/data-summaries-custom/package.json
+++ b/samples/grids/tree-grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json
index cabb6fece2..88ca5ded9c 100644
--- a/samples/grids/tree-grid/finjs/package.json
+++ b/samples/grids/tree-grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/load-on-demand/package.json
+++ b/samples/grids/tree-grid/load-on-demand/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index e0f1321e23..6c34b1d2b8 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index 9a2ac88f72..e35e8a9af2 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 8f985f5f27..5f9deabc52 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
index 1bf83482fb..7527cf9aa1 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-grids": "5.0.2-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.2-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-grids": "5.0.2",
+    "igniteui-webcomponents-inputs": "5.0.2",
+    "igniteui-webcomponents-layouts": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index dde73911bf..79769cf173 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
index fc41a54361..207ba326e4 100644
--- a/samples/layouts/dock-manager/hiding-panes/package.json
+++ b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index e6f71f8936..beb05593b1 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index e8162fb59d..30c922cf40 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -26,7 +26,7 @@
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents": "5.0.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
+    "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index 452aadfd28..6aed074b36 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -24,10 +24,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index ffb88ec87d..465568b69b 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 60852f30b6..22f1538309 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index de9c696168..939e0bf42d 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index b2f914af00..20d4e4e526 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index fd435f45f8..e1b374c1a7 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index 64a1445641..5585489a22 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index 48428985ed..352f865c30 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index f1d4a506a8..947b057c40 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index d6cc47f611..be0ff82941 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 20e56648c5..214d8007c3 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index 6d5af2818a..8514fe1673 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index 8c706de165..fb12e43996 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index 397088ba4c..c8840f24e8 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index 3f97eb072b..6bfae4d78f 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 1cf0d5ea29..305224fec7 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index 650d2499b4..c1293df4e2 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 6cd4c50c82..152f937fca 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index a423bc1a4e..3d41ffed13 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index 07d4215d1d..f663e2a277 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index ec286dee0f..d4ed1ba543 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index b7c87841ce..da59ac85ac 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 f49d0f3a93..70b6f6ffd6 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 6c19558cf1..f5f92a1dcf 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 dac4ed4f4f..d7c570bfb1 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 15648c0045..12c19b9253 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 04fd9aa362..e62c5f4c2f 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 ce2a0d7733..e9e36aa46a 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 02caeb75f7..880a8a7e40 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2-beta.0",
-    "igniteui-webcomponents-core": "5.0.2-beta.0",
-    "igniteui-webcomponents-maps": "5.0.2-beta.0",
+    "igniteui-webcomponents-charts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-maps": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },

From 234c41225b893c60b795c112a706006392796aea Mon Sep 17 00:00:00 2001
From: Svetoslav Krastev <striker18@mail.bg>
Date: Mon, 21 Oct 2024 11:06:05 +0300
Subject: [PATCH 08/25] Fixes to samples and some improvements (#843)

---
 .../grids/grid/clipboard-operations/src/index.ts  |  7 +++++--
 samples/grids/list/overview/index.html            |  4 ++--
 .../tree-grid/clipboard-operations/src/index.ts   |  6 +++++-
 samples/layouts/avatar/size/index.html            |  6 +++---
 samples/layouts/avatar/size/src/AvatarSize.css    | 15 ++++++++++++++-
 5 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/samples/grids/grid/clipboard-operations/src/index.ts b/samples/grids/grid/clipboard-operations/src/index.ts
index aa3cec1e6a..c7c9ec2ce8 100644
--- a/samples/grids/grid/clipboard-operations/src/index.ts
+++ b/samples/grids/grid/clipboard-operations/src/index.ts
@@ -10,6 +10,7 @@ defineAllComponents();
 import "./index.css";
 
 export class Sample {
+    private defaultSeparator: string;
     private grid: IgcGridComponent
     private _bind: () => void;
 
@@ -44,7 +45,10 @@ export class Sample {
 
             var input = document.getElementById("input") as IgcInputComponent;
             input.addEventListener("igcChange", (ev: CustomEvent) => {
-                grid.clipboardOptions.separator = ev.detail;
+                if (!this.defaultSeparator) {
+                    this.defaultSeparator = grid.clipboardOptions.separator;
+                }
+                grid.clipboardOptions.separator = ev.detail || this.defaultSeparator;
             });
         }
         this._bind();
@@ -65,7 +69,6 @@ export class Sample {
         column.formatter = (e: any) => { return "** " + e + " **" };
         column.header = "🎉" + column.field;
     }
-
 }
 
 new Sample();
diff --git a/samples/grids/list/overview/index.html b/samples/grids/list/overview/index.html
index 3542a58af1..96f63c89d4 100644
--- a/samples/grids/list/overview/index.html
+++ b/samples/grids/list/overview/index.html
@@ -13,8 +13,8 @@
       <div class="container sample center">
         <igc-radio-group id="radio-group" alignment="horizontal" style="margin-bottom: 10px;">
           <igc-radio name="size" value="small" label-position="after">Small</igc-radio>
-          <igc-radio name="size" value="medium" label-position="after">Medium</igc-radio>
-          <igc-radio name="size" value="large" label-position="after" checked>Large</igc-radio>
+          <igc-radio name="size" value="medium" label-position="after" checked >Medium</igc-radio>
+          <igc-radio name="size" value="large" label-position="after">Large</igc-radio>
         </igc-radio-group>
 
         <igc-list id="list">
diff --git a/samples/grids/tree-grid/clipboard-operations/src/index.ts b/samples/grids/tree-grid/clipboard-operations/src/index.ts
index f7bddcd52f..6e80c2f253 100644
--- a/samples/grids/tree-grid/clipboard-operations/src/index.ts
+++ b/samples/grids/tree-grid/clipboard-operations/src/index.ts
@@ -17,6 +17,7 @@ export class Sample {
     private clipboardHeadersEditor: IgcPropertyEditorPropertyDescriptionComponent
     private clipboardFormattersEditor: IgcPropertyEditorPropertyDescriptionComponent
     private treeGrid: IgcTreeGridComponent
+    private defaultSeparator: string;
 
     constructor() {
         var clipboardEnabledEditor = this.clipboardEnabledEditor = document.getElementById('ClipboardEnabledEditor') as IgcPropertyEditorPropertyDescriptionComponent;
@@ -51,7 +52,10 @@ export class Sample {
 
         var input = document.getElementById("input") as IgcInputComponent;
         input.addEventListener("igcChange", (ev: CustomEvent) => {
-            grid.clipboardOptions.separator = ev.detail;
+            if (!this.defaultSeparator) {
+                this.defaultSeparator = grid.clipboardOptions.separator;
+            }
+            grid.clipboardOptions.separator = ev.detail || this.defaultSeparator;
         });
     }
 
diff --git a/samples/layouts/avatar/size/index.html b/samples/layouts/avatar/size/index.html
index ed4ee92a58..0c84cd79fd 100644
--- a/samples/layouts/avatar/size/index.html
+++ b/samples/layouts/avatar/size/index.html
@@ -15,9 +15,9 @@
 <body>
   <div id="root">
     <div class="container sample center">
-      <igc-avatar initials="AZ">
-        <igc-icon name="home" collection="material"></igc-icon>
-      </igc-avatar>
+      <igc-avatar class="size-large" initials="L"></igc-avatar>
+      <igc-avatar class="size-medium" initials="M"></igc-avatar>
+      <igc-avatar class="size-small" initials="S"></igc-avatar>
     </div>
   </div>
 
diff --git a/samples/layouts/avatar/size/src/AvatarSize.css b/samples/layouts/avatar/size/src/AvatarSize.css
index 8cfd68efd8..9a3299543b 100644
--- a/samples/layouts/avatar/size/src/AvatarSize.css
+++ b/samples/layouts/avatar/size/src/AvatarSize.css
@@ -1,3 +1,16 @@
-igc-avatar {
+.size-small {
+    --ig-size: var(--ig-size-small);
+}
+
+.size-medium {
+    --ig-size: var(--ig-size-medium);
+}
+
+.size-large {
     --ig-size: var(--ig-size-large);
+}
+
+.sample {
+    flex-direction: row;
+    gap: 10px;
 }
\ No newline at end of file

From 738691974fa1d7367039bf8e0536870fd284e7c9 Mon Sep 17 00:00:00 2001
From: "azure-pipelines[bot]"
 <36771401+azure-pipelines[bot]@users.noreply.github.com>
Date: Mon, 28 Oct 2024 10:10:47 -0400
Subject: [PATCH 09/25] Adding changes from build
 igniteui-xplat-examples-output+PRs_2024.10.21.1 (#854)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>
---
 .../charts/data-chart/data-legend/index.html  |  20 +-
 .../data-chart/data-legend/src/index.ts       |   6 +-
 .../grid/action-strip/src/NwindData.json      | 458 ++++++++++++++++++
 samples/grids/grid/action-strip/src/index.ts  |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../advanced-filtering-options/src/index.ts   |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../advanced-filtering-style/src/index.ts     |  10 +-
 .../grid/binding-crud-data/src/NwindData.json | 458 ++++++++++++++++++
 .../grids/grid/binding-crud-data/src/index.ts |  10 +-
 .../cell-editing-styling/src/NwindData.json   | 458 ++++++++++++++++++
 .../grid/cell-editing-styling/src/index.ts    |  10 +-
 .../cell-selection-mode/src/NwindData.json    | 458 ++++++++++++++++++
 .../grid/cell-selection-mode/src/index.ts     |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../data-batch-editing-actions/src/index.ts   |  10 +-
 .../data-summary-formatter/src/NwindData.json | 458 ++++++++++++++++++
 .../grid/data-summary-formatter/src/index.ts  |  10 +-
 .../data-summary-options/src/NwindData.json   | 458 ++++++++++++++++++
 .../grid/data-summary-options/src/index.ts    |  10 +-
 .../data-summary-template/src/NwindData.json  | 458 ++++++++++++++++++
 .../grid/data-summary-template/src/index.ts   |  10 +-
 .../data-validation-style/src/NwindData.json  | 458 ++++++++++++++++++
 .../grid/data-validation-style/src/index.ts   |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../src/index.ts                              |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../src/index.ts                              |  10 +-
 .../grid/editing-columns/src/NwindData.json   | 458 ++++++++++++++++++
 .../grids/grid/editing-columns/src/index.ts   |  10 +-
 .../grid/editing-events/src/NwindData.json    | 458 ++++++++++++++++++
 .../grids/grid/editing-events/src/index.ts    |  10 +-
 .../editing-excel-style/src/NwindData.json    | 458 ++++++++++++++++++
 .../grid/editing-excel-style/src/index.ts     |  10 +-
 .../grid/editing-lifecycle/src/NwindData.json | 458 ++++++++++++++++++
 .../grids/grid/editing-lifecycle/src/index.ts |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../src/index.ts                              |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../src/index.ts                              |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../src/index.ts                              |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../excel-style-filtering-style/src/index.ts  |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../external-advanced-filtering/src/index.ts  |  10 +-
 .../grid/filtering-options/src/NwindData.json | 458 ++++++++++++++++++
 .../grids/grid/filtering-options/src/index.ts |  10 +-
 .../filtering-strategy/src/NwindData.json     | 458 ++++++++++++++++++
 .../grid/filtering-strategy/src/index.ts      |  10 +-
 .../grid/filtering-style/src/NwindData.json   | 458 ++++++++++++++++++
 .../grids/grid/filtering-style/src/index.ts   |  10 +-
 .../src/NwindData.json                        | 458 ++++++++++++++++++
 .../keyboard-custom-navigation/src/index.ts   |  10 +-
 .../grids/grid/overview/src/NwindData.json    | 458 ++++++++++++++++++
 samples/grids/grid/overview/src/index.ts      |  10 +-
 .../remote-paging-data/src/NwindData.json     | 458 ++++++++++++++++++
 .../grid/remote-paging-data/src/index.ts      |  10 +-
 .../grids/grid/row-adding/src/NwindData.json  | 458 ++++++++++++++++++
 samples/grids/grid/row-adding/src/index.ts    |  10 +-
 .../grids/grid/row-classes/src/NwindData.json | 458 ++++++++++++++++++
 samples/grids/grid/row-classes/src/index.ts   |  10 +-
 .../row-editing-options/src/NwindData.json    | 458 ++++++++++++++++++
 .../grid/row-editing-options/src/index.ts     |  10 +-
 .../grid/row-editing-style/src/NwindData.json | 458 ++++++++++++++++++
 .../grids/grid/row-editing-style/src/index.ts |  10 +-
 .../cell-editing-styling/src/NwindData.json   | 458 ++++++++++++++++++
 .../cell-editing-styling/src/index.ts         |  10 +-
 .../editing-columns/src/NwindData.json        | 458 ++++++++++++++++++
 .../editing-columns/src/index.ts              |  10 +-
 .../editing-events/src/NwindData.json         | 458 ++++++++++++++++++
 .../editing-events/src/index.ts               |  10 +-
 72 files changed, 16149 insertions(+), 257 deletions(-)
 create mode 100644 samples/grids/grid/action-strip/src/NwindData.json
 create mode 100644 samples/grids/grid/advanced-filtering-options/src/NwindData.json
 create mode 100644 samples/grids/grid/advanced-filtering-style/src/NwindData.json
 create mode 100644 samples/grids/grid/binding-crud-data/src/NwindData.json
 create mode 100644 samples/grids/grid/cell-editing-styling/src/NwindData.json
 create mode 100644 samples/grids/grid/cell-selection-mode/src/NwindData.json
 create mode 100644 samples/grids/grid/data-batch-editing-actions/src/NwindData.json
 create mode 100644 samples/grids/grid/data-summary-formatter/src/NwindData.json
 create mode 100644 samples/grids/grid/data-summary-options/src/NwindData.json
 create mode 100644 samples/grids/grid/data-summary-template/src/NwindData.json
 create mode 100644 samples/grids/grid/data-validation-style/src/NwindData.json
 create mode 100644 samples/grids/grid/data-validator-service-cross-field/src/NwindData.json
 create mode 100644 samples/grids/grid/data-validator-service-extended/src/NwindData.json
 create mode 100644 samples/grids/grid/editing-columns/src/NwindData.json
 create mode 100644 samples/grids/grid/editing-events/src/NwindData.json
 create mode 100644 samples/grids/grid/editing-excel-style/src/NwindData.json
 create mode 100644 samples/grids/grid/editing-lifecycle/src/NwindData.json
 create mode 100644 samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.json
 create mode 100644 samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.json
 create mode 100644 samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.json
 create mode 100644 samples/grids/grid/excel-style-filtering-style/src/NwindData.json
 create mode 100644 samples/grids/grid/external-advanced-filtering/src/NwindData.json
 create mode 100644 samples/grids/grid/filtering-options/src/NwindData.json
 create mode 100644 samples/grids/grid/filtering-strategy/src/NwindData.json
 create mode 100644 samples/grids/grid/filtering-style/src/NwindData.json
 create mode 100644 samples/grids/grid/keyboard-custom-navigation/src/NwindData.json
 create mode 100644 samples/grids/grid/overview/src/NwindData.json
 create mode 100644 samples/grids/grid/remote-paging-data/src/NwindData.json
 create mode 100644 samples/grids/grid/row-adding/src/NwindData.json
 create mode 100644 samples/grids/grid/row-classes/src/NwindData.json
 create mode 100644 samples/grids/grid/row-editing-options/src/NwindData.json
 create mode 100644 samples/grids/grid/row-editing-style/src/NwindData.json
 create mode 100644 samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.json
 create mode 100644 samples/grids/hierarchical-grid/editing-columns/src/NwindData.json
 create mode 100644 samples/grids/hierarchical-grid/editing-events/src/NwindData.json

diff --git a/samples/charts/data-chart/data-legend/index.html b/samples/charts/data-chart/data-legend/index.html
index 543e366702..f140ddceb9 100644
--- a/samples/charts/data-chart/data-legend/index.html
+++ b/samples/charts/data-chart/data-legend/index.html
@@ -25,7 +25,9 @@
     <div class="legend">
         <igc-data-legend
         name="legend"
-        id="legend">
+        id="legend"
+        units-text="%"
+        included-columns="BirthRate, DeathRate">
         </igc-data-legend>
     </div>
 
@@ -33,14 +35,6 @@
         <igc-data-chart
         name="chart"
         id="chart">
-            <igc-numeric-x-axis
-            name="xAxis"
-            id="xAxis"
-            title="Death Rate"
-            interval="1"
-            minimum-value="4"
-            maximum-value="16">
-            </igc-numeric-x-axis>
             <igc-numeric-y-axis
             name="yAxis"
             id="yAxis"
@@ -49,6 +43,14 @@
             minimum-value="0"
             maximum-value="60">
             </igc-numeric-y-axis>
+            <igc-numeric-x-axis
+            name="xAxis"
+            id="xAxis"
+            title="Death Rate"
+            interval="1"
+            minimum-value="4"
+            maximum-value="16">
+            </igc-numeric-x-axis>
             <igc-bubble-series
             name="bubbleSeries1"
             id="bubbleSeries1"
diff --git a/samples/charts/data-chart/data-legend/src/index.ts b/samples/charts/data-chart/data-legend/src/index.ts
index 609c9a77ea..c4b9f61fd0 100644
--- a/samples/charts/data-chart/data-legend/src/index.ts
+++ b/samples/charts/data-chart/data-legend/src/index.ts
@@ -1,5 +1,5 @@
 import { IgcLegendModule, IgcNumberAbbreviatorModule, IgcDataChartCoreModule, IgcDataChartScatterModule, IgcDataChartScatterCoreModule, IgcDataChartInteractivityModule, IgcDataLegendModule, IgcDataChartAnnotationModule } from 'igniteui-webcomponents-charts';
-import { IgcDataLegendComponent, IgcDataChartComponent, IgcNumericXAxisComponent, IgcNumericYAxisComponent, IgcBubbleSeriesComponent, IgcSizeScaleComponent, IgcCrosshairLayerComponent } from 'igniteui-webcomponents-charts';
+import { IgcDataLegendComponent, IgcDataChartComponent, IgcNumericYAxisComponent, IgcNumericXAxisComponent, IgcBubbleSeriesComponent, IgcSizeScaleComponent, IgcCrosshairLayerComponent } from 'igniteui-webcomponents-charts';
 import { CountryDemographicAfricanItem, CountryDemographicAfrican } from './CountryDemographicAfrican';
 import { CountryDemographicEuropeItem, CountryDemographicEurope } from './CountryDemographicEurope';
 
@@ -22,8 +22,8 @@ export class Sample {
 
     private legend: IgcDataLegendComponent
     private chart: IgcDataChartComponent
-    private xAxis: IgcNumericXAxisComponent
     private yAxis: IgcNumericYAxisComponent
+    private xAxis: IgcNumericXAxisComponent
     private bubbleSeries1: IgcBubbleSeriesComponent
     private _sizeScale1: IgcSizeScaleComponent | null = null;
     public get sizeScale1(): IgcSizeScaleComponent {
@@ -58,8 +58,8 @@ export class Sample {
     constructor() {
         var legend = this.legend = document.getElementById('legend') as IgcDataLegendComponent;
         var chart = this.chart = document.getElementById('chart') as IgcDataChartComponent;
-        var xAxis = this.xAxis = document.getElementById('xAxis') as IgcNumericXAxisComponent;
         var yAxis = this.yAxis = document.getElementById('yAxis') as IgcNumericYAxisComponent;
+        var xAxis = this.xAxis = document.getElementById('xAxis') as IgcNumericXAxisComponent;
         var bubbleSeries1 = this.bubbleSeries1 = document.getElementById('bubbleSeries1') as IgcBubbleSeriesComponent;
         var bubbleSeries2 = this.bubbleSeries2 = document.getElementById('bubbleSeries2') as IgcBubbleSeriesComponent;
         var crosshairLayer = this.crosshairLayer = document.getElementById('CrosshairLayer') as IgcCrosshairLayerComponent;
diff --git a/samples/grids/grid/action-strip/src/NwindData.json b/samples/grids/grid/action-strip/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/action-strip/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/action-strip/src/index.ts b/samples/grids/grid/action-strip/src/index.ts
index 03b26f0f48..46b8ac990d 100644
--- a/samples/grids/grid/action-strip/src/index.ts
+++ b/samples/grids/grid/action-strip/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcPinningConfig, RowPinningPosition, IgcActionStripComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -56,12 +56,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/advanced-filtering-options/src/NwindData.json b/samples/grids/grid/advanced-filtering-options/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/advanced-filtering-options/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/advanced-filtering-options/src/index.ts b/samples/grids/grid/advanced-filtering-options/src/index.ts
index 05c3c7ef00..eda73fd819 100644
--- a/samples/grids/grid/advanced-filtering-options/src/index.ts
+++ b/samples/grids/grid/advanced-filtering-options/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
@@ -27,12 +27,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/advanced-filtering-style/src/NwindData.json b/samples/grids/grid/advanced-filtering-style/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/advanced-filtering-style/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/advanced-filtering-style/src/index.ts b/samples/grids/grid/advanced-filtering-style/src/index.ts
index 05c3c7ef00..eda73fd819 100644
--- a/samples/grids/grid/advanced-filtering-style/src/index.ts
+++ b/samples/grids/grid/advanced-filtering-style/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
@@ -27,12 +27,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/binding-crud-data/src/NwindData.json b/samples/grids/grid/binding-crud-data/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/binding-crud-data/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/binding-crud-data/src/index.ts b/samples/grids/grid/binding-crud-data/src/index.ts
index e501cae522..af9695c0ea 100644
--- a/samples/grids/grid/binding-crud-data/src/index.ts
+++ b/samples/grids/grid/binding-crud-data/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -38,12 +38,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/cell-editing-styling/src/NwindData.json b/samples/grids/grid/cell-editing-styling/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/cell-editing-styling/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/cell-editing-styling/src/index.ts b/samples/grids/grid/cell-editing-styling/src/index.ts
index 5abc30281c..a8d57b898f 100644
--- a/samples/grids/grid/cell-editing-styling/src/index.ts
+++ b/samples/grids/grid/cell-editing-styling/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule, WebPaginatorDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -22,12 +22,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/cell-selection-mode/src/NwindData.json b/samples/grids/grid/cell-selection-mode/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/cell-selection-mode/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/cell-selection-mode/src/index.ts b/samples/grids/grid/cell-selection-mode/src/index.ts
index f2972e810c..3fedfbddb8 100644
--- a/samples/grids/grid/cell-selection-mode/src/index.ts
+++ b/samples/grids/grid/cell-selection-mode/src/index.ts
@@ -3,7 +3,7 @@ import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
 import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
@@ -38,12 +38,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/data-batch-editing-actions/src/NwindData.json b/samples/grids/grid/data-batch-editing-actions/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/data-batch-editing-actions/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/data-batch-editing-actions/src/index.ts b/samples/grids/grid/data-batch-editing-actions/src/index.ts
index 6ea038b255..448de571f5 100644
--- a/samples/grids/grid/data-batch-editing-actions/src/index.ts
+++ b/samples/grids/grid/data-batch-editing-actions/src/index.ts
@@ -3,7 +3,7 @@ import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from 'igniteui-webcomponents-layouts';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
@@ -79,12 +79,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/data-summary-formatter/src/NwindData.json b/samples/grids/grid/data-summary-formatter/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/data-summary-formatter/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/data-summary-formatter/src/index.ts b/samples/grids/grid/data-summary-formatter/src/index.ts
index cbae6499bb..66bb1f942f 100644
--- a/samples/grids/grid/data-summary-formatter/src/index.ts
+++ b/samples/grids/grid/data-summary-formatter/src/index.ts
@@ -1,6 +1,6 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcSummaryResult, IgcSummaryOperand } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -26,12 +26,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/data-summary-options/src/NwindData.json b/samples/grids/grid/data-summary-options/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/data-summary-options/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/data-summary-options/src/index.ts b/samples/grids/grid/data-summary-options/src/index.ts
index a376bad835..ed893717d6 100644
--- a/samples/grids/grid/data-summary-options/src/index.ts
+++ b/samples/grids/grid/data-summary-options/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcSummaryResult } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -37,12 +37,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/data-summary-template/src/NwindData.json b/samples/grids/grid/data-summary-template/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/data-summary-template/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/data-summary-template/src/index.ts b/samples/grids/grid/data-summary-template/src/index.ts
index 2b4ef8215a..2348de082b 100644
--- a/samples/grids/grid/data-summary-template/src/index.ts
+++ b/samples/grids/grid/data-summary-template/src/index.ts
@@ -3,7 +3,7 @@ import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
 import { IgcSummaryResult, IgcSummaryTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
@@ -55,12 +55,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/data-validation-style/src/NwindData.json b/samples/grids/grid/data-validation-style/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/data-validation-style/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/data-validation-style/src/index.ts b/samples/grids/grid/data-validation-style/src/index.ts
index 0df3e91775..dd2ec7e818 100644
--- a/samples/grids/grid/data-validation-style/src/index.ts
+++ b/samples/grids/grid/data-validation-style/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -22,12 +22,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/data-validator-service-cross-field/src/NwindData.json b/samples/grids/grid/data-validator-service-cross-field/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/data-validator-service-cross-field/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/data-validator-service-cross-field/src/index.ts b/samples/grids/grid/data-validator-service-cross-field/src/index.ts
index 53f9cbea1f..3c80bd88a5 100644
--- a/samples/grids/grid/data-validator-service-cross-field/src/index.ts
+++ b/samples/grids/grid/data-validator-service-cross-field/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -48,12 +48,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/data-validator-service-extended/src/NwindData.json b/samples/grids/grid/data-validator-service-extended/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/data-validator-service-extended/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/data-validator-service-extended/src/index.ts b/samples/grids/grid/data-validator-service-extended/src/index.ts
index dab97b432b..7ab2b5deb3 100644
--- a/samples/grids/grid/data-validator-service-extended/src/index.ts
+++ b/samples/grids/grid/data-validator-service-extended/src/index.ts
@@ -3,7 +3,7 @@ import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from 'igniteui-webcomponents-layouts';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -69,12 +69,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/editing-columns/src/NwindData.json b/samples/grids/grid/editing-columns/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/editing-columns/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/editing-columns/src/index.ts b/samples/grids/grid/editing-columns/src/index.ts
index 5abc30281c..a8d57b898f 100644
--- a/samples/grids/grid/editing-columns/src/index.ts
+++ b/samples/grids/grid/editing-columns/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule, WebPaginatorDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -22,12 +22,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/editing-events/src/NwindData.json b/samples/grids/grid/editing-events/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/editing-events/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/editing-events/src/index.ts b/samples/grids/grid/editing-events/src/index.ts
index 8fee973a2b..f36742b6e9 100644
--- a/samples/grids/grid/editing-events/src/index.ts
+++ b/samples/grids/grid/editing-events/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcGridEditEventArgs } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -29,12 +29,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/editing-excel-style/src/NwindData.json b/samples/grids/grid/editing-excel-style/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/editing-excel-style/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/editing-excel-style/src/index.ts b/samples/grids/grid/editing-excel-style/src/index.ts
index 057561743f..81ffb84e23 100644
--- a/samples/grids/grid/editing-excel-style/src/index.ts
+++ b/samples/grids/grid/editing-excel-style/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcGridKeydownEventArgs } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -25,12 +25,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/editing-lifecycle/src/NwindData.json b/samples/grids/grid/editing-lifecycle/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/editing-lifecycle/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/editing-lifecycle/src/index.ts b/samples/grids/grid/editing-lifecycle/src/index.ts
index 6e300b06ab..e4e960d2cd 100644
--- a/samples/grids/grid/editing-lifecycle/src/index.ts
+++ b/samples/grids/grid/editing-lifecycle/src/index.ts
@@ -1,6 +1,6 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcRowSelectionEventArgs, IgcGridEditEventArgs, IgcGridEditDoneEventArgs } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -40,12 +40,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.json b/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts b/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts
index df2bc730fc..1660d0d7bf 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts
@@ -3,7 +3,7 @@ import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
 import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
@@ -78,12 +78,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.json b/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts b/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts
index 58b4109bb1..20317f7f95 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
@@ -65,12 +65,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.json b/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts b/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts
index 53179637b3..b69584c5b9 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
@@ -66,12 +66,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/excel-style-filtering-style/src/NwindData.json b/samples/grids/grid/excel-style-filtering-style/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/excel-style-filtering-style/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-style/src/index.ts b/samples/grids/grid/excel-style-filtering-style/src/index.ts
index 58b4109bb1..20317f7f95 100644
--- a/samples/grids/grid/excel-style-filtering-style/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-style/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
@@ -65,12 +65,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/external-advanced-filtering/src/NwindData.json b/samples/grids/grid/external-advanced-filtering/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/external-advanced-filtering/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/external-advanced-filtering/src/index.ts b/samples/grids/grid/external-advanced-filtering/src/index.ts
index e501cae522..af9695c0ea 100644
--- a/samples/grids/grid/external-advanced-filtering/src/index.ts
+++ b/samples/grids/grid/external-advanced-filtering/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -38,12 +38,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/filtering-options/src/NwindData.json b/samples/grids/grid/filtering-options/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/filtering-options/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/filtering-options/src/index.ts b/samples/grids/grid/filtering-options/src/index.ts
index e501cae522..af9695c0ea 100644
--- a/samples/grids/grid/filtering-options/src/index.ts
+++ b/samples/grids/grid/filtering-options/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -38,12 +38,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/filtering-strategy/src/NwindData.json b/samples/grids/grid/filtering-strategy/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/filtering-strategy/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/filtering-strategy/src/index.ts b/samples/grids/grid/filtering-strategy/src/index.ts
index 7b12c0a6f6..995733edef 100644
--- a/samples/grids/grid/filtering-strategy/src/index.ts
+++ b/samples/grids/grid/filtering-strategy/src/index.ts
@@ -1,6 +1,6 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
@@ -26,12 +26,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/filtering-style/src/NwindData.json b/samples/grids/grid/filtering-style/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/filtering-style/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/filtering-style/src/index.ts b/samples/grids/grid/filtering-style/src/index.ts
index df2bc730fc..1660d0d7bf 100644
--- a/samples/grids/grid/filtering-style/src/index.ts
+++ b/samples/grids/grid/filtering-style/src/index.ts
@@ -3,7 +3,7 @@ import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
 import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
@@ -78,12 +78,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/keyboard-custom-navigation/src/NwindData.json b/samples/grids/grid/keyboard-custom-navigation/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/keyboard-custom-navigation/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/keyboard-custom-navigation/src/index.ts b/samples/grids/grid/keyboard-custom-navigation/src/index.ts
index d5a0bf0512..44451a1ff9 100644
--- a/samples/grids/grid/keyboard-custom-navigation/src/index.ts
+++ b/samples/grids/grid/keyboard-custom-navigation/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcGridKeydownEventArgs, GridKeydownTargetType } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -43,12 +43,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/overview/src/NwindData.json b/samples/grids/grid/overview/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/overview/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/overview/src/index.ts b/samples/grids/grid/overview/src/index.ts
index 7b12c0a6f6..995733edef 100644
--- a/samples/grids/grid/overview/src/index.ts
+++ b/samples/grids/grid/overview/src/index.ts
@@ -1,6 +1,6 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
 import { html, nothing } from 'lit-html';
 
@@ -26,12 +26,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/remote-paging-data/src/NwindData.json b/samples/grids/grid/remote-paging-data/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/remote-paging-data/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/remote-paging-data/src/index.ts b/samples/grids/grid/remote-paging-data/src/index.ts
index 80d8d85122..a3c2ff02e3 100644
--- a/samples/grids/grid/remote-paging-data/src/index.ts
+++ b/samples/grids/grid/remote-paging-data/src/index.ts
@@ -2,7 +2,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts';
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -40,12 +40,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/row-adding/src/NwindData.json b/samples/grids/grid/row-adding/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/row-adding/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/row-adding/src/index.ts b/samples/grids/grid/row-adding/src/index.ts
index 9d094e7f78..d0492118e8 100644
--- a/samples/grids/grid/row-adding/src/index.ts
+++ b/samples/grids/grid/row-adding/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -36,12 +36,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/row-classes/src/NwindData.json b/samples/grids/grid/row-classes/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/row-classes/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/row-classes/src/index.ts b/samples/grids/grid/row-classes/src/index.ts
index dbecc9cb90..79410f6806 100644
--- a/samples/grids/grid/row-classes/src/index.ts
+++ b/samples/grids/grid/row-classes/src/index.ts
@@ -1,6 +1,6 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcRowType } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -35,12 +35,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/row-editing-options/src/NwindData.json b/samples/grids/grid/row-editing-options/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/row-editing-options/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/row-editing-options/src/index.ts b/samples/grids/grid/row-editing-options/src/index.ts
index a91257454a..0f3d026758 100644
--- a/samples/grids/grid/row-editing-options/src/index.ts
+++ b/samples/grids/grid/row-editing-options/src/index.ts
@@ -1,6 +1,6 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -35,12 +35,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/grid/row-editing-style/src/NwindData.json b/samples/grids/grid/row-editing-style/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/grid/row-editing-style/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/grid/row-editing-style/src/index.ts b/samples/grids/grid/row-editing-style/src/index.ts
index a91257454a..0f3d026758 100644
--- a/samples/grids/grid/row-editing-style/src/index.ts
+++ b/samples/grids/grid/row-editing-style/src/index.ts
@@ -1,6 +1,6 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -35,12 +35,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.json b/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/src/index.ts b/samples/grids/hierarchical-grid/cell-editing-styling/src/index.ts
index 3c5e2b9238..429a437fbd 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/src/index.ts
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebHierarchicalGridDescriptionModule, WebPaginatorDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -22,12 +22,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/hierarchical-grid/editing-columns/src/NwindData.json b/samples/grids/hierarchical-grid/editing-columns/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/hierarchical-grid/editing-columns/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/editing-columns/src/index.ts b/samples/grids/hierarchical-grid/editing-columns/src/index.ts
index 3c5e2b9238..429a437fbd 100644
--- a/samples/grids/hierarchical-grid/editing-columns/src/index.ts
+++ b/samples/grids/hierarchical-grid/editing-columns/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebHierarchicalGridDescriptionModule, WebPaginatorDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
 
@@ -22,12 +22,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 
diff --git a/samples/grids/hierarchical-grid/editing-events/src/NwindData.json b/samples/grids/hierarchical-grid/editing-events/src/NwindData.json
new file mode 100644
index 0000000000..c00b03ec8d
--- /dev/null
+++ b/samples/grids/hierarchical-grid/editing-events/src/NwindData.json
@@ -0,0 +1,458 @@
+[
+	{
+		"ProductID": 1,
+		"ProductName": "Chai",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "10 boxes x 20 bags",
+		"UnitPrice": 18,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2012-02-12",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 2,
+		"ProductName": "Chang",
+		"SupplierID": 1,
+		"CategoryID": 1,
+		"QuantityPerUnit": "24 - 12 oz bottles",
+		"UnitPrice": 19,
+		"UnitsInStock": 17,
+		"UnitsOnOrder": 40,
+		"ReorderLevel": 25,
+		"Discontinued": true,
+		"OrderDate": "2003-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 3,
+		"ProductName": "Aniseed Syrup",
+		"SupplierID": 1,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 550 ml bottles",
+		"UnitPrice": 10,
+		"UnitsInStock": 13,
+		"UnitsOnOrder": 70,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2006-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 4,
+		"ProductName": "Chef Antons Cajun Seasoning",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "48 - 6 oz jars",
+		"UnitPrice": 22,
+		"UnitsInStock": 53,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2016-03-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 5,
+		"ProductName": "Chef Antons Gumbo Mix",
+		"SupplierID": 2,
+		"CategoryID": 2,
+		"QuantityPerUnit": "36 boxes",
+		"UnitPrice": 21.35,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2011-11-11",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 6,
+		"ProductName": "Grandmas Boysenberry Spread",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 8 oz jars",
+		"UnitPrice": 25,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 25,
+		"Discontinued": false,
+		"OrderDate": "2017-12-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 7,
+		"ProductName": "Uncle Bobs Organic Dried Pears",
+		"SupplierID": 3,
+		"CategoryID": 7,
+		"QuantityPerUnit": "12 - 1 lb pkgs.",
+		"UnitPrice": 30,
+		"UnitsInStock": 150,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2016-07-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 8,
+		"ProductName": "Northwoods Cranberry Sauce",
+		"SupplierID": 3,
+		"CategoryID": 2,
+		"QuantityPerUnit": "12 - 12 oz jars",
+		"UnitPrice": 40,
+		"UnitsInStock": 6,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2018-01-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 9,
+		"ProductName": "Mishi Kobe Niku",
+		"SupplierID": 4,
+		"CategoryID": 6,
+		"QuantityPerUnit": "18 - 500 g pkgs.",
+		"UnitPrice": 97,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2010-02-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 10,
+		"ProductName": "Ikura",
+		"SupplierID": 4,
+		"CategoryID": 8,
+		"QuantityPerUnit": "12 - 200 ml jars",
+		"UnitPrice": 31,
+		"UnitsInStock": 31,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2008-05-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 11,
+		"ProductName": "Queso Cabrales",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "1 kg pkg.",
+		"UnitPrice": 21,
+		"UnitsInStock": 22,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 30,
+		"Discontinued": false,
+		"OrderDate": "2009-01-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Fun-Tasty Co.",
+				"LastInventory": "2018-06-12"
+			},
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 12,
+		"ProductName": "Queso Manchego La Pastora",
+		"SupplierID": 5,
+		"CategoryID": 4,
+		"QuantityPerUnit": "10 - 500 g pkgs.",
+		"UnitPrice": 38,
+		"UnitsInStock": 86,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2015-11-17",
+		"Rating": 3,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 13,
+		"ProductName": "Konbu",
+		"SupplierID": 6,
+		"CategoryID": 8,
+		"QuantityPerUnit": "2 kg box",
+		"UnitPrice": 6,
+		"UnitsInStock": 24,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2015-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 14,
+		"ProductName": "Tofu",
+		"SupplierID": 6,
+		"CategoryID": 7,
+		"QuantityPerUnit": "40 - 100 g pkgs.",
+		"UnitPrice": 23.25,
+		"UnitsInStock": 35,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2017-06-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			}
+		]
+	},
+	{
+		"ProductID": 15,
+		"ProductName": "Genen Shouyu",
+		"SupplierID": 6,
+		"CategoryID": 2,
+		"QuantityPerUnit": "24 - 250 ml bottles",
+		"UnitPrice": 15.5,
+		"UnitsInStock": 39,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2014-03-17",
+		"Rating": 4,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			},
+			{
+				"Shop": "Wall Market",
+				"LastInventory": "2018-12-06"
+			}
+		]
+	},
+	{
+		"ProductID": 16,
+		"ProductName": "Pavlova",
+		"SupplierID": 7,
+		"CategoryID": 3,
+		"QuantityPerUnit": "32 - 500 g boxes",
+		"UnitPrice": 17.45,
+		"UnitsInStock": 29,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 10,
+		"Discontinued": false,
+		"OrderDate": "2018-03-28",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			},
+			{
+				"Shop": "Street Market",
+				"LastInventory": "2018-12-12"
+			},
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			}
+		]
+	},
+	{
+		"ProductID": 17,
+		"ProductName": "Alice Mutton",
+		"SupplierID": 7,
+		"CategoryID": 6,
+		"QuantityPerUnit": "20 - 1 kg tins",
+		"UnitPrice": 39,
+		"UnitsInStock": 0,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": true,
+		"OrderDate": "2015-08-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Farmer Market",
+				"LastInventory": "2018-04-04"
+			}
+		]
+	},
+	{
+		"ProductID": 18,
+		"ProductName": "Carnarvon Tigers",
+		"SupplierID": 7,
+		"CategoryID": 8,
+		"QuantityPerUnit": "16 kg pkg.",
+		"UnitPrice": 62.5,
+		"UnitsInStock": 42,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-09-27",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "24/7 Market",
+				"LastInventory": "2018-11-11"
+			},
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	},
+	{
+		"ProductID": 19,
+		"ProductName": "Teatime Chocolate Biscuits",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "",
+		"UnitPrice": 9.2,
+		"UnitsInStock": 25,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 5,
+		"Discontinued": false,
+		"OrderDate": "2001-03-17",
+		"Rating": 2,
+		"Locations": [
+			{
+				"Shop": "Local Market",
+				"LastInventory": "2018-07-03"
+			}
+		]
+	},
+	{
+		"ProductID": 20,
+		"ProductName": "Sir Rodneys Marmalade",
+		"SupplierID": 8,
+		"CategoryID": 3,
+		"QuantityPerUnit": "4 - 100 ml jars",
+		"UnitPrice": 4.5,
+		"UnitsInStock": 40,
+		"UnitsOnOrder": 30,
+		"ReorderLevel": 0,
+		"Discontinued": false,
+		"OrderDate": "2005-03-17",
+		"Rating": 5,
+		"Locations": [
+			{
+				"Shop": "Super Market",
+				"LastInventory": "2018-09-09"
+			}
+		]
+	}
+]
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/editing-events/src/index.ts b/samples/grids/hierarchical-grid/editing-events/src/index.ts
index da12abc0f3..bc8f4c7092 100644
--- a/samples/grids/hierarchical-grid/editing-events/src/index.ts
+++ b/samples/grids/hierarchical-grid/editing-events/src/index.ts
@@ -1,7 +1,7 @@
 import 'igniteui-webcomponents-grids/grids/combined';
 import { ComponentRenderer, WebHierarchicalGridDescriptionModule, WebPaginatorDescriptionModule } from 'igniteui-webcomponents-core';
 import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
-import { NwindDataItem, NwindDataItem_LocationsItem, NwindData } from './NwindData';
+import NwindData from './NwindData.json';
 import { IgcGridComponent, IgcGridEditEventArgs } from 'igniteui-webcomponents-grids/grids';
 
 import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
@@ -25,12 +25,8 @@ export class Sample {
 
     }
 
-    private _nwindData: NwindData = null;
-    public get nwindData(): NwindData {
-        if (this._nwindData == null)
-        {
-            this._nwindData = new NwindData();
-        }
+    private _nwindData: any[] = NwindData;
+    public get nwindData(): any[] {
         return this._nwindData;
     }
 

From 7396f311011488350b52fbbc76c3e8ff190dcbfe Mon Sep 17 00:00:00 2001
From: RivaIvanova <ivanova.riva@gmail.com>
Date: Tue, 29 Oct 2024 16:07:38 +0200
Subject: [PATCH 10/25] fix(carousel): change properties' names; update lit and
 ig versions

---
 samples/layouts/carousel/animations/index.html    | 2 +-
 samples/layouts/carousel/animations/package.json  | 8 ++++----
 samples/layouts/carousel/components/index.html    | 8 ++------
 samples/layouts/carousel/components/package.json  | 8 ++++----
 samples/layouts/carousel/components/src/index.css | 4 +++-
 samples/layouts/carousel/overview/package.json    | 8 ++++----
 samples/layouts/carousel/thumbnail/index.html     | 5 ++---
 samples/layouts/carousel/thumbnail/package.json   | 8 ++++----
 samples/layouts/carousel/thumbnail/src/index.css  | 1 -
 9 files changed, 24 insertions(+), 28 deletions(-)

diff --git a/samples/layouts/carousel/animations/index.html b/samples/layouts/carousel/animations/index.html
index c0b1bb6f44..9925eef851 100644
--- a/samples/layouts/carousel/animations/index.html
+++ b/samples/layouts/carousel/animations/index.html
@@ -27,7 +27,7 @@
             <igc-switch label-position="before">Vertical alignment</igc-switch>
           </div>
         </div>
-        <igc-carousel skip-indicator>
+        <igc-carousel hide-indicators>
           <igc-carousel-slide>
             <div class="slide-wrapper">
               <igc-card>
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
index bdf5f5f877..7126dfd886 100644
--- a/samples/layouts/carousel/animations/package.json
+++ b/samples/layouts/carousel/animations/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wc-carousel-animations",
   "version": "1.0.0",
-  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "description": "This project provides example of carousel animations using IgniteUI for Web Components",
   "main": "src/index.ts",
   "scripts": {
     "build": "npm run build:prod",
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "4.11.1",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.1.1",
+    "lit": "^3.2.1",
+    "lit-html": "^3.2.1",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/carousel/components/index.html b/samples/layouts/carousel/components/index.html
index a8ae4eb5b9..1ede31d776 100644
--- a/samples/layouts/carousel/components/index.html
+++ b/samples/layouts/carousel/components/index.html
@@ -25,9 +25,7 @@
                 <igc-input type="password" placeholder="Password">
                   <igc-icon slot="prefix" name="password"></igc-icon>
                 </igc-input>
-                <div class="btn">
-                  <igc-button type="reset">Sign In</igc-button>
-                </div>
+                <igc-button type="reset">Sign In</igc-button>
               </form>
             </div>
           </igc-carousel-slide>
@@ -38,9 +36,7 @@
                 <igc-input type="text" placeholder="Search">
                   <igc-icon slot="prefix" name="search"></igc-icon>
                 </igc-input>
-                <div class="btn">
-                  <igc-button type="reset">Search</igc-button>
-                </div>
+                <igc-button type="reset">Search</igc-button>
               </form>
             </div>
           </igc-carousel-slide>
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
index 273f0ed238..374834efff 100644
--- a/samples/layouts/carousel/components/package.json
+++ b/samples/layouts/carousel/components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wc-carousel-with-components",
   "version": "1.0.0",
-  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "description": "This project provides example of carousel with components using IgniteUI for Web Components",
   "main": "src/index.ts",
   "scripts": {
     "build": "npm run build:prod",
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "4.11.1",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.1.1",
+    "lit": "^3.2.1",
+    "lit-html": "^3.2.1",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/carousel/components/src/index.css b/samples/layouts/carousel/components/src/index.css
index 8ede26a8c9..ec54b5bc06 100644
--- a/samples/layouts/carousel/components/src/index.css
+++ b/samples/layouts/carousel/components/src/index.css
@@ -13,7 +13,7 @@ igc-carousel {
     height: 500px;
 }
 
-igc-carousel-slide::part(base) {
+igc-carousel-slide {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -21,6 +21,8 @@ igc-carousel-slide::part(base) {
 
 igc-carousel-slide div {
     text-align: center;
+    max-width: 40%;
+    margin-inline: auto;
 }
 
 igc-carousel-slide div * {
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
index 11aae83e6f..de5b858ccc 100644
--- a/samples/layouts/carousel/overview/package.json
+++ b/samples/layouts/carousel/overview/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wc-carousel-overview",
   "version": "1.0.0",
-  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "description": "This project provides example of carousel overview using IgniteUI for Web Components",
   "main": "src/index.ts",
   "scripts": {
     "build": "npm run build:prod",
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "4.11.1",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.1.1",
+    "lit": "^3.2.1",
+    "lit-html": "^3.2.1",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/carousel/thumbnail/index.html b/samples/layouts/carousel/thumbnail/index.html
index 4efbc165d8..1aa81d3771 100644
--- a/samples/layouts/carousel/thumbnail/index.html
+++ b/samples/layouts/carousel/thumbnail/index.html
@@ -15,10 +15,9 @@
     <div id="root">
       <div class="container sample">
         <igc-carousel
-          skip-pause-on-interaction
-          skip-navigation
+          disable-pause-on-interaction
+          hide-navigation
           interval="2000"
-          animation-type="fade"
           vertical
         >
           <igc-carousel-indicator>
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
index e08d147b35..bbf63a6c5c 100644
--- a/samples/layouts/carousel/thumbnail/package.json
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -1,7 +1,7 @@
 {
   "name": "wc-carousel-thumbnail",
   "version": "1.0.0",
-  "description": "This project provides example of button group using IgniteUI for Web Components",
+  "description": "This project provides example of carousel advanced example using IgniteUI for Web Components",
   "main": "src/index.ts",
   "scripts": {
     "build": "npm run build:prod",
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "4.11.1",
-    "lit": "^2.0.2",
-    "lit-html": "^2.2.0",
+    "igniteui-webcomponents": "5.1.1",
+    "lit": "^3.2.1",
+    "lit-html": "^3.2.1",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/carousel/thumbnail/src/index.css b/samples/layouts/carousel/thumbnail/src/index.css
index 22ef05c0db..dcc05e0170 100644
--- a/samples/layouts/carousel/thumbnail/src/index.css
+++ b/samples/layouts/carousel/thumbnail/src/index.css
@@ -2,7 +2,6 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 igc-carousel {
-
     width: 60%
 }
 

From 842823dd00c48c33ce5e02cf80c00ab855618cc4 Mon Sep 17 00:00:00 2001
From: RivaIvanova <ivanova.riva@gmail.com>
Date: Wed, 30 Oct 2024 14:15:55 +0200
Subject: [PATCH 11/25] fix(carousel): add animation type to thumbnail sample

---
 samples/layouts/carousel/thumbnail/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/samples/layouts/carousel/thumbnail/index.html b/samples/layouts/carousel/thumbnail/index.html
index 1aa81d3771..834f7b619f 100644
--- a/samples/layouts/carousel/thumbnail/index.html
+++ b/samples/layouts/carousel/thumbnail/index.html
@@ -19,6 +19,7 @@
           hide-navigation
           interval="2000"
           vertical
+          animation-type="fade"
         >
           <igc-carousel-indicator>
             <img

From 212c72ae0317253008f2b864a938e719814d8a9f Mon Sep 17 00:00:00 2001
From: Mariela Tihova <MTihova@infragistics.com>
Date: Thu, 31 Oct 2024 17:25:00 +0200
Subject: [PATCH 12/25] Edited data shown for consistency with other platforms

---
 samples/grids/pivot-grid/data-selector/src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/samples/grids/pivot-grid/data-selector/src/index.ts b/samples/grids/pivot-grid/data-selector/src/index.ts
index 8e5c19ecc0..9158819026 100644
--- a/samples/grids/pivot-grid/data-selector/src/index.ts
+++ b/samples/grids/pivot-grid/data-selector/src/index.ts
@@ -38,7 +38,7 @@ export class Sample {
                 ],
                 values: [
                     {
-                        member: "SalePrice",
+                        member: "Sales",
                         enabled:false,
                         dataType: 'currency',
                         aggregate: {

From 40c53f4a56cf7a4c6d305123e8a28e8d1c79b8d2 Mon Sep 17 00:00:00 2001
From: Riva Ivanova <49126110+RivaIvanova@users.noreply.github.com>
Date: Mon, 4 Nov 2024 15:03:50 +0200
Subject: [PATCH 13/25] Update web components package to 5.1.1 (#859)

---
 browser/tasks/gulp-samples.js                 |  2 +-
 package-lock.json                             | 58 ++++++-------------
 package.json                                  |  2 +-
 .../annotations-all/package.json              |  2 +-
 .../annotations-callouts/package.json         |  2 +-
 .../annotations-crosshairs/package.json       |  2 +-
 .../annotations-custom/package.json           |  2 +-
 .../annotations-final-value/package.json      |  2 +-
 .../annotations-highlighting/package.json     |  2 +-
 .../category-chart/axis-gap/package.json      |  2 +-
 .../axis-gridlines/package.json               |  2 +-
 .../category-chart/axis-inverted/package.json |  2 +-
 .../category-chart/axis-labels/package.json   |  2 +-
 .../axis-locations/package.json               |  2 +-
 .../category-chart/axis-overlap/package.json  |  2 +-
 .../category-chart/axis-range/package.json    |  2 +-
 .../axis-tickmarks/package.json               |  2 +-
 .../chart-highlight-filter/package.json       |  2 +-
 .../column-chart-with-tooltips/package.json   |  2 +-
 .../data-aggregations/package.json            |  2 +-
 .../category-chart/data-filter/package.json   |  2 +-
 .../data-tooltip-positioning/package.json     |  2 +-
 .../highlighting-behavior/package.json        |  2 +-
 .../highlighting-mode/package.json            |  2 +-
 .../marker-options/package.json               |  2 +-
 .../selection-multiple-modes/package.json     |  2 +-
 .../category-chart/value-lines/package.json   |  2 +-
 .../axis-label-rotation/package.json          |  2 +-
 .../package.json                              |  2 +-
 .../package.json                              |  2 +-
 .../chart-highlight-filter/package.json       |  2 +-
 .../data-chart/radial-label-mode/package.json |  2 +-
 .../data-chart/transition-event/package.json  |  2 +-
 .../data-pie-chart/animation/package.json     |  2 +-
 .../data-pie-chart/highlighting/package.json  |  2 +-
 .../charts/data-pie-chart/others/package.json |  2 +-
 .../data-pie-chart/selection/package.json     |  2 +-
 samples/charts/sparkline/markers/package.json |  2 +-
 .../sparkline/normal-range/package.json       |  2 +-
 .../charts/sparkline/trendlines/package.json  |  2 +-
 .../sparkline/unknown-values/package.json     |  2 +-
 samples/charts/toolbar/theming/package.json   |  2 +-
 .../charts/tree-map/highlighting/package.json |  2 +-
 samples/charts/tree-map/layout/package.json   |  2 +-
 .../grid/binding-composite-data/package.json  |  2 +-
 .../grid/binding-nested-data-1/package.json   |  2 +-
 .../grids/grid/cascading-combo/package.json   |  2 +-
 .../grid/cell-editing-sample/package.json     |  2 +-
 .../grid/cell-selection-mode/package.json     |  2 +-
 .../grid/change-icons-custom/package.json     |  2 +-
 .../grid/clipboard-operations/package.json    |  2 +-
 .../grid/column-moving-options/package.json   |  2 +-
 .../grid/column-moving-styles/package.json    |  2 +-
 .../column-pinning-right-side/package.json    |  2 +-
 .../grid/column-selection-mode/package.json   |  2 +-
 .../grid/column-sorting-options/package.json  |  2 +-
 .../grid/custom-context-menu/package.json     |  2 +-
 .../data-batch-editing-actions/package.json   |  2 +-
 .../grid/data-paste-options/package.json      |  2 +-
 .../package.json                              |  2 +-
 .../grids/grid/data-searching/package.json    |  2 +-
 .../grid/data-summary-template/package.json   |  2 +-
 .../package.json                              |  2 +-
 .../grid/data-validator-service/package.json  |  2 +-
 .../package.json                              |  2 +-
 .../grids/grid/filtering-style/package.json   |  2 +-
 .../grid/groupby-summary-options/package.json |  2 +-
 .../grid/groupby-summary-styling/package.json |  2 +-
 .../grid/layout-display-density/package.json  |  2 +-
 .../package.json                              |  2 +-
 samples/grids/grid/paste/package.json         |  2 +-
 .../grids/grid/row-paging-basic/package.json  |  2 +-
 .../grid/row-paging-options/package.json      |  2 +-
 .../grid/row-pinning-options/package.json     |  2 +-
 .../grid/row-selection-mode/package.json      |  2 +-
 .../package.json                              |  2 +-
 samples/grids/grid/row-styles/package.json    |  2 +-
 .../grid/state-persistence-about/package.json |  2 +-
 .../grid/state-persistence-main/package.json  |  2 +-
 .../cell-editing-sample/package.json          |  2 +-
 .../cell-selection-mode/package.json          |  2 +-
 .../cell-selection-overview/package.json      |  2 +-
 .../cell-selection-style/package.json         |  2 +-
 .../cell-selection-styling/package.json       |  2 +-
 .../column-selection-mode/package.json        |  2 +-
 .../data-summary-template/package.json        |  2 +-
 .../layout-display-density/package.json       |  2 +-
 .../package.json                              |  2 +-
 .../row-pinning-extra-column/package.json     |  2 +-
 .../row-pinning-options/package.json          |  2 +-
 .../row-selection-mode/package.json           |  2 +-
 .../package.json                              |  2 +-
 .../state-persistence-about/package.json      |  2 +-
 .../state-persistence-main/package.json       |  2 +-
 .../grids/list/add-list-items/package.json    |  2 +-
 .../grids/list/list-item-content/package.json |  2 +-
 samples/grids/list/overview/package.json      |  2 +-
 samples/grids/list/styling/package.json       |  2 +-
 .../data-persistence-noop/package.json        |  2 +-
 .../state-persistence-about/package.json      |  2 +-
 .../state-persistence-main/package.json       |  2 +-
 .../cell-editing-sample/package.json          |  2 +-
 .../cell-selection-mode/package.json          |  2 +-
 .../clipboard-operations/package.json         |  2 +-
 .../column-selection-mode/package.json        |  2 +-
 .../column-sorting-options/package.json       |  2 +-
 .../tree-grid/data-searching/package.json     |  2 +-
 .../data-summary-children/package.json        |  2 +-
 .../data-summary-template/package.json        |  2 +-
 .../package.json                              |  2 +-
 .../layout-display-density/package.json       |  2 +-
 .../package.json                              |  2 +-
 .../tree-grid/row-paging-options/package.json |  2 +-
 .../row-pinning-options/package.json          |  2 +-
 .../tree-grid/row-selection-mode/package.json |  2 +-
 .../state-persistence-about/package.json      |  2 +-
 .../state-persistence-main/package.json       |  2 +-
 .../tree-grid/toolbar-sample-1/package.json   |  2 +-
 .../tree-grid/toolbar-sample-3/package.json   |  2 +-
 .../tree-grid/toolbar-style/package.json      |  2 +-
 samples/grids/tree/basic-example/package.json |  2 +-
 .../load-on-demand-virtualized/package.json   |  2 +-
 .../grids/tree/load-on-demand/package.json    |  2 +-
 samples/inputs/badge/outlined/package.json    |  2 +-
 samples/inputs/badge/shape/package.json       |  2 +-
 samples/inputs/badge/variants/package.json    |  2 +-
 .../button-group/alignment/package.json       |  2 +-
 .../inputs/button-group/overview/package.json |  2 +-
 .../button-group/selection/package.json       |  2 +-
 samples/inputs/button-group/size/package.json |  2 +-
 .../inputs/button-group/styling/package.json  |  2 +-
 samples/inputs/button/contained/package.json  |  2 +-
 samples/inputs/button/download/package.json   |  2 +-
 samples/inputs/button/fab/package.json        |  2 +-
 samples/inputs/button/flat/package.json       |  2 +-
 samples/inputs/button/outlined/package.json   |  2 +-
 samples/inputs/button/overview/package.json   |  2 +-
 samples/inputs/button/size/package.json       |  2 +-
 samples/inputs/button/styling/package.json    |  2 +-
 samples/inputs/checkbox/checking/package.json |  2 +-
 samples/inputs/checkbox/disabled/package.json |  2 +-
 .../checkbox/indeterminate/package.json       |  2 +-
 samples/inputs/checkbox/label/package.json    |  2 +-
 samples/inputs/checkbox/overview/package.json |  2 +-
 samples/inputs/chip/multiple/package.json     |  2 +-
 samples/inputs/chip/overview/package.json     |  2 +-
 samples/inputs/chip/size/package.json         |  2 +-
 samples/inputs/chip/styling/package.json      |  2 +-
 samples/inputs/chip/variants/package.json     |  2 +-
 .../dynamic/package.json                      |  2 +-
 .../indeterminate/package.json                |  2 +-
 .../simple/package.json                       |  2 +-
 .../styling/package.json                      |  2 +-
 samples/inputs/combo/features/package.json    |  2 +-
 samples/inputs/combo/overview/package.json    |  2 +-
 samples/inputs/combo/selection/package.json   |  2 +-
 samples/inputs/combo/simplified/package.json  |  2 +-
 samples/inputs/combo/styling/package.json     |  2 +-
 samples/inputs/combo/templates/package.json   |  2 +-
 .../input-format-display-format/package.json  |  2 +-
 .../min-max-value/package.json                |  2 +-
 .../date-time-input/overview/package.json     |  2 +-
 .../date-time-input/step-up-down/package.json |  2 +-
 .../date-time-input/step-up-down/src/index.ts |  7 +--
 samples/inputs/dropdown/group/package.json    |  2 +-
 samples/inputs/dropdown/header/package.json   |  2 +-
 samples/inputs/dropdown/item/package.json     |  2 +-
 samples/inputs/dropdown/overview/package.json |  2 +-
 samples/inputs/dropdown/position/package.json |  2 +-
 samples/inputs/dropdown/styling/package.json  |  2 +-
 samples/inputs/dropdown/target/package.json   |  2 +-
 samples/inputs/icon-button/size/package.json  |  2 +-
 .../inputs/icon-button/styling/package.json   |  2 +-
 .../inputs/icon-button/variant/package.json   |  2 +-
 samples/inputs/input/helper-text/package.json |  2 +-
 samples/inputs/input/overview/package.json    |  2 +-
 .../inputs/input/prefix-suffix/package.json   |  2 +-
 samples/inputs/input/size/package.json        |  2 +-
 samples/inputs/input/styling/package.json     |  2 +-
 .../dynamic/package.json                      |  2 +-
 .../simple/package.json                       |  2 +-
 .../striped/package.json                      |  2 +-
 .../styling/package.json                      |  2 +-
 .../types/package.json                        |  2 +-
 .../mask-input/applying-mask/package.json     |  2 +-
 .../inputs/mask-input/overview/package.json   |  2 +-
 .../mask-input/value-modes/package.json       |  2 +-
 samples/inputs/radio/alignment/package.json   |  2 +-
 samples/inputs/radio/disabled/package.json    |  2 +-
 samples/inputs/radio/group/package.json       |  2 +-
 samples/inputs/radio/invalid/package.json     |  2 +-
 samples/inputs/radio/label/package.json       |  2 +-
 samples/inputs/radio/styling/package.json     |  2 +-
 samples/inputs/rating/basic/package.json      |  2 +-
 samples/inputs/rating/custom/package.json     |  2 +-
 samples/inputs/rating/empty/package.json      |  2 +-
 .../rating/single-selection/package.json      |  2 +-
 samples/inputs/rating/styling/package.json    |  2 +-
 samples/inputs/ripple/button/package.json     |  2 +-
 samples/inputs/ripple/color/package.json      |  2 +-
 samples/inputs/select/group/package.json      |  2 +-
 samples/inputs/select/header/package.json     |  2 +-
 samples/inputs/select/item/package.json       |  2 +-
 samples/inputs/select/overview/package.json   |  2 +-
 samples/inputs/select/styling/package.json    |  2 +-
 .../inputs/slider/constraints/package.json    |  2 +-
 samples/inputs/slider/disabled/package.json   |  2 +-
 samples/inputs/slider/discrete/package.json   |  2 +-
 samples/inputs/slider/labels/package.json     |  2 +-
 samples/inputs/slider/overview/package.json   |  2 +-
 samples/inputs/slider/styling/package.json    |  2 +-
 .../inputs/slider/tick-labels/package.json    |  2 +-
 samples/inputs/slider/ticks/package.json      |  2 +-
 .../inputs/slider/value-format/package.json   |  2 +-
 samples/inputs/slider/value/package.json      |  2 +-
 samples/inputs/switches/checking/package.json |  2 +-
 samples/inputs/switches/disabled/package.json |  2 +-
 samples/inputs/switches/label/package.json    |  2 +-
 samples/inputs/switches/overview/package.json |  2 +-
 .../textarea/form-integration/package.json    |  2 +-
 samples/inputs/textarea/overview/package.json |  2 +-
 samples/inputs/textarea/resize/package.json   |  2 +-
 samples/inputs/textarea/slots/package.json    |  2 +-
 samples/inputs/textarea/styling/package.json  |  2 +-
 .../accordion/customization/package.json      |  2 +-
 .../accordion/nested-scenario/package.json    |  2 +-
 .../layouts/accordion/overview/package.json   |  2 +-
 samples/layouts/avatar/icon/package.json      |  2 +-
 samples/layouts/avatar/image/package.json     |  2 +-
 samples/layouts/avatar/initials/package.json  |  2 +-
 samples/layouts/avatar/shape/package.json     |  2 +-
 samples/layouts/avatar/size/package.json      |  2 +-
 samples/layouts/card/horizontal/package.json  |  2 +-
 samples/layouts/card/integration/package.json |  2 +-
 samples/layouts/card/overview/package.json    |  2 +-
 .../layouts/card/semi-horizontal/package.json |  2 +-
 samples/layouts/card/styling/package.json     |  2 +-
 samples/layouts/divider/dashed/package.json   |  2 +-
 samples/layouts/divider/middle/package.json   |  2 +-
 samples/layouts/divider/overview/package.json |  2 +-
 samples/layouts/divider/select/package.json   |  2 +-
 samples/layouts/divider/vertical/package.json |  2 +-
 .../layouts/dock-manager/styling/package.json |  2 +-
 .../component-customization/package.json      |  2 +-
 .../properties-and-events/package.json        |  2 +-
 .../expansion-panel/styling/package.json      |  2 +-
 .../expansion-panel/usage/package.json        |  2 +-
 samples/layouts/icon/sizing/package.json      |  2 +-
 samples/layouts/icon/styling/package.json     |  2 +-
 .../layouts/stepper/animations/package.json   |  2 +-
 samples/layouts/stepper/linear/package.json   |  2 +-
 .../layouts/stepper/orientation/package.json  |  2 +-
 samples/layouts/stepper/overview/package.json |  2 +-
 .../layouts/stepper/steptypes/package.json    |  2 +-
 samples/layouts/tabs/alignment/package.json   |  2 +-
 samples/layouts/tabs/overview/package.json    |  2 +-
 .../layouts/tabs/prefix-suffix/package.json   |  2 +-
 samples/layouts/tabs/scrolling/package.json   |  2 +-
 samples/menus/nav-bar/overview/package.json   |  2 +-
 samples/menus/nav-bar/styling/package.json    |  2 +-
 .../nav-drawer/add-drawer-items/package.json  |  2 +-
 .../menus/nav-drawer/add-mini/package.json    |  2 +-
 .../add-positions-navbar/package.json         |  2 +-
 samples/menus/nav-drawer/styling/package.json |  2 +-
 .../banner-advanced-sample/package.json       |  2 +-
 .../banner/banner-sample-1/package.json       |  2 +-
 .../banner/banner-sample-2/package.json       |  2 +-
 .../banner/banner-styling/package.json        |  2 +-
 .../dialog/closing-variations/package.json    |  2 +-
 .../notifications/dialog/form/package.json    |  2 +-
 .../dialog/overview/package.json              |  2 +-
 .../notifications/dialog/styling/package.json |  2 +-
 .../snackbar/action-text/package.json         |  2 +-
 .../snackbar/display-time/package.json        |  2 +-
 .../snackbar/overview/package.json            |  2 +-
 .../snackbar/styling/package.json             |  2 +-
 .../notifications/toast/overview/package.json |  2 +-
 .../toast/properties/package.json             |  2 +-
 .../notifications/toast/styling/package.json  |  2 +-
 .../calendar/disabled-dates/package.json      |  2 +-
 .../calendar/formatting/package.json          |  2 +-
 .../scheduling/calendar/header/package.json   |  2 +-
 .../calendar/multiple-months/package.json     |  2 +-
 .../calendar/multiple-selection/package.json  |  2 +-
 .../scheduling/calendar/overview/package.json |  2 +-
 .../calendar/range-selection/package.json     |  2 +-
 samples/scheduling/calendar/size/package.json |  2 +-
 .../calendar/special-dates/package.json       |  2 +-
 .../scheduling/calendar/styling/package.json  |  2 +-
 .../calendar/week-numbers/package.json        |  2 +-
 .../date-picker/dialog-mode/package.json      |  2 +-
 .../scheduling/date-picker/form/package.json  |  2 +-
 .../date-picker/format/package.json           |  2 +-
 .../date-picker/overview/package.json         |  2 +-
 .../date-picker/styling/package.json          |  2 +-
 295 files changed, 314 insertions(+), 337 deletions(-)

diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 3bd9240dec..abe977c7a2 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -988,7 +988,7 @@ function updateIG(cb) {
         { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.2" },
         { name: "igniteui-webcomponents-datasources"              , version: "5.0.2" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "5.0.0" },
+        { name: "igniteui-webcomponents", version: "5.1.1" },
         { name: "igniteui-dockmanager", version: "1.14.3" },
         // other packages:
         { name: "webpack", version: "^5.74.0"  },
diff --git a/package-lock.json b/package-lock.json
index 238b84f80e..4185a6a34f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,7 +21,7 @@
         "core-js": "^3.6.5",
         "file-saver": "^2.0.2",
         "igniteui-dockmanager": "1.14.3",
-        "igniteui-webcomponents": "5.0.0",
+        "igniteui-webcomponents": "5.1.1",
         "igniteui-webcomponents-charts": "5.0.2",
         "igniteui-webcomponents-core": "5.0.2",
         "igniteui-webcomponents-datasources": "5.0.2",
@@ -2017,6 +2017,15 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
+    "node_modules/@lit/context": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@lit/context/-/context-1.1.3.tgz",
+      "integrity": "sha512-Auh37F4S0PZM93HTDfZWs97mmzaQ7M3vnTc9YvxAGyP3UItSK/8Fs0vTOGT+njuvOwbKio/l8Cx/zWL4vkutpQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit/reactive-element": "^1.6.2 || ^2.0.0"
+      }
+    },
     "node_modules/@lit/reactive-element": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.4.tgz",
@@ -8780,13 +8789,18 @@
       "integrity": "sha512-q6thtu+7R6MOB+i9GorFPCcWeOImW43BzCAtKnDAYWwaoueb8Lg1EhBkIhAyfEIH+yZ/9c5lnZdU61/GRPoP+g=="
     },
     "node_modules/igniteui-webcomponents": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.0.0.tgz",
-      "integrity": "sha512-f4nRojq18HjbrBjzhqj4c/uBJPR6UqIYw8TDjsUJwxaxHxGnp+wbzPLPhcdHXLnbEaNbMQIcBFHICoGu0hwQqg==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.1.1.tgz",
+      "integrity": "sha512-//owN7Cr9q+CBjxcZYNqECnaD4d7NHIzXJlaIr1Hi39yECP/24XnX+84UjVHgHldnAK0WlzSRR71hQud+W6S4Q==",
+      "license": "SEE LICENSE IN LICENSE",
       "dependencies": {
         "@floating-ui/dom": "^1.6.0",
         "@lit-labs/virtualizer": "^2.0.10",
+        "@lit/context": "^1.1.0",
         "lit": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=18"
       }
     },
     "node_modules/igniteui-webcomponents-charts": {
@@ -8975,42 +8989,6 @@
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
-    "node_modules/igniteui-webcomponents/node_modules/@lit/reactive-element": {
-      "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.2.0"
-      }
-    },
-    "node_modules/igniteui-webcomponents/node_modules/lit": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/lit/-/lit-3.2.0.tgz",
-      "integrity": "sha512-s6tI33Lf6VpDu7u4YqsSX78D28bYQulM+VAzsGch4fx2H0eLZnJsUBsPWmGYSGoKDNbjtRv02rio1o+UdPVwvw==",
-      "dependencies": {
-        "@lit/reactive-element": "^2.0.4",
-        "lit-element": "^4.1.0",
-        "lit-html": "^3.2.0"
-      }
-    },
-    "node_modules/igniteui-webcomponents/node_modules/lit-element": {
-      "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.2.0",
-        "@lit/reactive-element": "^2.0.4",
-        "lit-html": "^3.2.0"
-      }
-    },
-    "node_modules/igniteui-webcomponents/node_modules/lit-html": {
-      "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/ignore": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
diff --git a/package.json b/package.json
index f8e4293c13..1325f53830 100644
--- a/package.json
+++ b/package.json
@@ -41,7 +41,7 @@
     "core-js": "^3.6.5",
     "file-saver": "^2.0.2",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-datasources": "5.0.2",
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index c98829bb32..1315c7090b 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-charts": "5.0.2",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 065075cea9..b10543244a 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json
index 2def0e3748..30cd1c8a6e 100644
--- a/samples/grids/list/list-item-content/package.json
+++ b/samples/grids/list/list-item-content/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json
index caf7dd4fed..29af7f8694 100644
--- a/samples/grids/list/overview/package.json
+++ b/samples/grids/list/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json
index 73a81991a3..7d91a92b34 100644
--- a/samples/grids/list/styling/package.json
+++ b/samples/grids/list/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index 9833a9bb90..5faa9bd163 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 6c34b1d2b8..51b19a2a45 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 5f9deabc52..bcf25d6225 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "igniteui-webcomponents-grids": "5.0.2",
     "igniteui-webcomponents-inputs": "5.0.2",
diff --git a/samples/grids/tree/basic-example/package.json b/samples/grids/tree/basic-example/package.json
index 4c0db4c1f0..822d6bb54d 100644
--- a/samples/grids/tree/basic-example/package.json
+++ b/samples/grids/tree/basic-example/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/tree/load-on-demand-virtualized/package.json b/samples/grids/tree/load-on-demand-virtualized/package.json
index b777fef150..6bc395bf7c 100644
--- a/samples/grids/tree/load-on-demand-virtualized/package.json
+++ b/samples/grids/tree/load-on-demand-virtualized/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/tree/load-on-demand/package.json b/samples/grids/tree/load-on-demand/package.json
index 4cb7c1bbc1..25733c972f 100644
--- a/samples/grids/tree/load-on-demand/package.json
+++ b/samples/grids/tree/load-on-demand/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index 5ddc3b2f0c..9e8fbabd7b 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json
index 6dea48ae5d..33d5dbe119 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json
index f6fb9e31b0..fd5e5dcca2 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json
index b060fb467f..2029c44173 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json
index 9b88cb1263..45a09a7063 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json
index 35405b401c..da207071e4 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json
index b1de656c1c..d6cef59651 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json
index 306c0dfe69..5cc2cdae62 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json
index 7971f98af7..b6ffa97c99 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json
index 51d2dec6c6..b870e95354 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json
index b4a64e4ca2..8d5bc4a4e7 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json
index f6938a57c2..b6213e8a0b 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json
index 2dd38c69d8..8f7d1d72bb 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json
index 3303df20e6..493732347f 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json
index 9167797c99..97cbf46ffb 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json
index 10e4ae091c..9fc300faf6 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json
index 35191b9a46..fc1a300399 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json
index f4269f5c38..c224dc752d 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json
index 2862116ccd..bfd9478a99 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json
index c35a4cfe8e..0238037f77 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json
index 5c76eec6bb..b720795906 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json
index 0c9cd2820d..fadcdd75a5 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json
index e78260f6fc..042bf209a8 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json
index ef3f17b709..ebe77a9c6b 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json
index 0a3cb77b59..8ef38e6d50 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json
index 7998a15ee4..ebe6ce5792 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json
index d976a76275..0d7b2dd224 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json
index d21f420acc..cdabef07b9 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json
index 468b715cf5..95fca131b8 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/combo/templates/package.json b/samples/inputs/combo/templates/package.json
index 51c68ac18d..ec26045e3d 100644
--- a/samples/inputs/combo/templates/package.json
+++ b/samples/inputs/combo/templates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
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 e9fa0c39d2..a6f6e90c64 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
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
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 4608411c5a..924a742fc0 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json
index f0c3b3fc59..b912af4cf3 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
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 9178a9397b..015444f710 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/date-time-input/step-up-down/src/index.ts b/samples/inputs/date-time-input/step-up-down/src/index.ts
index 91b8cef2b1..0ae596928a 100644
--- a/samples/inputs/date-time-input/step-up-down/src/index.ts
+++ b/samples/inputs/date-time-input/step-up-down/src/index.ts
@@ -1,5 +1,4 @@
-import { defineComponents, IgcIconComponent, IgcDateTimeInputComponent, registerIconFromText } from 'igniteui-webcomponents';
-import { DatePart, DatePartDeltas } from 'igniteui-webcomponents/components/date-time-input/date-util.js';
+import { defineComponents, IgcIconComponent, IgcDateTimeInputComponent, registerIconFromText, DatePartDeltas, DatePart } from 'igniteui-webcomponents';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 
 defineComponents(IgcIconComponent, IgcDateTimeInputComponent);
@@ -29,11 +28,11 @@ export class DateTimeInputStepUpDown {
         const down = document.getElementById('down');
 
         up!.addEventListener('click', () => {   
-            input.stepUp(DatePart.Month);
+            input.stepUp("month" as DatePart);
         });
 
         down!.addEventListener('click', () => {   
-            input.stepDown(DatePart.Date);
+            input.stepDown("date" as DatePart);
         });
 
         registerIconFromText("up", upIcon);
diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json
index eda366efc2..f7e9bba181 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json
index 25c7f0bea0..72b4e7fa2c 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json
index 16a3ff1923..e9e9ba516c 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json
index 3e201fdd73..1bcf3a489a 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json
index 0e6feef8e8..76be6a48c3 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json
index bcd75272c7..0876a1953d 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json
index f217cf1920..d07a87e5f1 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index 7971f98af7..b6ffa97c99 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json
index 7971f98af7..b6ffa97c99 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json
index 7971f98af7..b6ffa97c99 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json
index bec71e0512..e262ffc14f 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json
index dda7535a77..4e1d47877f 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json
index 3a8842227a..8b2827634e 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json
index 4ddf07bb44..4707d30020 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json
index caeea56ebd..753d91ede3 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json
index 5c76eec6bb..b720795906 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json
index f1e0071d07..f83482fdee 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json
index c8398a9ebd..a4faf8a7c8 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json
index 9c153934fc..a1fb1fc0e0 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json
index 5c25e2b166..7388ec29d1 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json
index 0db555fa7a..f16d1136c4 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json
index 790804b01b..3fde6a1d43 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json
index c808170d54..5c10d72fe8 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json
index 8db4043b4b..8145a4048f 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json
index f1dba73686..a24c6eb2e7 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json
index d15497bc5c..e3c9ebac97 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json
index 2465b1e2ec..150888d5d3 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json
index 2f06e76ee5..aa9976ddda 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json
index 80e2812ae9..4fded05fe1 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json
index 5ddc3b2f0c..9e8fbabd7b 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json
index a92c142d36..746778c593 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json
index dfc4512d50..0698314369 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json
index cac304b96d..5d6a40ac06 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json
index 5ddc3b2f0c..9e8fbabd7b 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json
index 3a4ebd36dc..57fdfcb904 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json
index db75e1b472..2efe8b192f 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json
index d56146a911..e18e1f65ac 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json
index a8fe3758de..87ca3c4339 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json
index 0da14a7747..67a7ffdc26 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json
index f9a7372a83..3c4057b464 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json
index 1b11e6785e..4863decfd4 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json
index 3a3c6065ad..2db7ab4f5d 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json
index 1d8077650a..52b472ad9d 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json
index ff5733185c..944c19034c 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json
index d2f1e79f21..075f2bdd34 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json
index 7a1b723c11..dfed016de1 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json
index c37912f8e8..bc33f231bc 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json
index 78f739b051..e5b573c182 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json
index d5cea5db38..7589bc877d 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json
index 93dc8d00a7..1065750a52 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json
index 123665940e..6f8d0c6dbb 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/checking/package.json
index 8f45704b77..a3f684c35f 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json
index b9ddf0f663..3090e02e6f 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/switches/label/package.json b/samples/inputs/switches/label/package.json
index 78574b5512..146f419860 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json
index a7b6d21b99..3e8351b445 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json
index d198ed3777..ca3c7b8936 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json
index 80924183fa..703d96b688 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json
index c8f06fd0ef..47110edf39 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json
index 4bc51a209f..962925be43 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json
index cd20a957e8..96fc6e605f 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index 9438518b78..850f127705 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json
index 9438518b78..850f127705 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json
index 9438518b78..850f127705 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/avatar/icon/package.json b/samples/layouts/avatar/icon/package.json
index ee715a82b1..11b6578884 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json
index 6405b64bd3..c740e90df7 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/avatar/initials/package.json b/samples/layouts/avatar/initials/package.json
index 0f146effc8..bafa2a265e 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json
index 7f69e9b5bf..0acda05887 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json
index cdb11aaaea..514dd0177d 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json
index 041988facf..68aed20ab2 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/card/integration/package.json b/samples/layouts/card/integration/package.json
index fc1bbef83a..c503211dc2 100644
--- a/samples/layouts/card/integration/package.json
+++ b/samples/layouts/card/integration/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json
index 765144318a..619114823f 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json
index a1749e3905..0861489f9e 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json
index 56d31f656c..687ec7e1bf 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json
index f9a7372a83..3c4057b464 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json
index 1b11e6785e..4863decfd4 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/divider/overview/package.json b/samples/layouts/divider/overview/package.json
index f9a7372a83..3c4057b464 100644
--- a/samples/layouts/divider/overview/package.json
+++ b/samples/layouts/divider/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json
index f9a7372a83..3c4057b464 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json
index 1b11e6785e..4863decfd4 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index 30c922cf40..15822e9c4e 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -25,7 +25,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "igniteui-webcomponents-core": "5.0.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json
index 28977e9428..f9c88556f5 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json
index c587aab107..15205e7ddf 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json
index 8b91d59a03..1f9ba0794c 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json
index 9438518b78..850f127705 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json
index 9d36ea65b5..4dd1c8aff5 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json
index 9d36ea65b5..4dd1c8aff5 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json
index a67a1a3a8a..983cc28e2c 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json
index a648838a88..82928ce1c4 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json
index a0afb7456d..fd7265cbf3 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
diff --git a/samples/layouts/stepper/overview/package.json b/samples/layouts/stepper/overview/package.json
index a6e39ec9d1..5643ce7030 100644
--- a/samples/layouts/stepper/overview/package.json
+++ b/samples/layouts/stepper/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json
index 527b02daf2..d7cee65af1 100644
--- a/samples/layouts/stepper/steptypes/package.json
+++ b/samples/layouts/stepper/steptypes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json
index 734032b59b..62a7ceee42 100644
--- a/samples/layouts/tabs/alignment/package.json
+++ b/samples/layouts/tabs/alignment/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json
index 120f4c8348..82f7f81d8d 100644
--- a/samples/layouts/tabs/overview/package.json
+++ b/samples/layouts/tabs/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json
index bd05d89276..d0c40bef98 100644
--- a/samples/layouts/tabs/prefix-suffix/package.json
+++ b/samples/layouts/tabs/prefix-suffix/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json
index cd3663153d..8a6baab690 100644
--- a/samples/layouts/tabs/scrolling/package.json
+++ b/samples/layouts/tabs/scrolling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json
index 74ab8c8a49..fb090d02d3 100644
--- a/samples/menus/nav-bar/overview/package.json
+++ b/samples/menus/nav-bar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json
index 6817eccda6..0684cc1c7f 100644
--- a/samples/menus/nav-bar/styling/package.json
+++ b/samples/menus/nav-bar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json
index 09ddeba761..778543b262 100644
--- a/samples/menus/nav-drawer/add-drawer-items/package.json
+++ b/samples/menus/nav-drawer/add-drawer-items/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json
index 8f1a8ff6c5..2065080dc0 100644
--- a/samples/menus/nav-drawer/add-mini/package.json
+++ b/samples/menus/nav-drawer/add-mini/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json
index 8ccc914a2a..943102e74a 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/package.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json
index 24f2c3dfa6..28868527fa 100644
--- a/samples/menus/nav-drawer/styling/package.json
+++ b/samples/menus/nav-drawer/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json
index 6643f343f2..e607bdd62d 100644
--- a/samples/notifications/banner/banner-advanced-sample/package.json
+++ b/samples/notifications/banner/banner-advanced-sample/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json
index 95d2d7a2db..61e308e04b 100644
--- a/samples/notifications/banner/banner-sample-1/package.json
+++ b/samples/notifications/banner/banner-sample-1/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json
index de0e77980c..5045864481 100644
--- a/samples/notifications/banner/banner-sample-2/package.json
+++ b/samples/notifications/banner/banner-sample-2/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json
index ef97a4852a..40b280d4e6 100644
--- a/samples/notifications/banner/banner-styling/package.json
+++ b/samples/notifications/banner/banner-styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json
index 5f16be04fd..217565e40c 100644
--- a/samples/notifications/dialog/closing-variations/package.json
+++ b/samples/notifications/dialog/closing-variations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json
index 51d9e2ccb3..81e17e733b 100644
--- a/samples/notifications/dialog/form/package.json
+++ b/samples/notifications/dialog/form/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json
index 04ea6be75b..ed8ca38387 100644
--- a/samples/notifications/dialog/overview/package.json
+++ b/samples/notifications/dialog/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json
index 183eaa1f08..5e41729519 100644
--- a/samples/notifications/dialog/styling/package.json
+++ b/samples/notifications/dialog/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json
index bd1265fb62..2682939b5e 100644
--- a/samples/notifications/snackbar/action-text/package.json
+++ b/samples/notifications/snackbar/action-text/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json
index bd1265fb62..2682939b5e 100644
--- a/samples/notifications/snackbar/display-time/package.json
+++ b/samples/notifications/snackbar/display-time/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json
index bd1265fb62..2682939b5e 100644
--- a/samples/notifications/snackbar/overview/package.json
+++ b/samples/notifications/snackbar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json
index bd1265fb62..2682939b5e 100644
--- a/samples/notifications/snackbar/styling/package.json
+++ b/samples/notifications/snackbar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/notifications/toast/overview/package.json
+++ b/samples/notifications/toast/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/notifications/toast/properties/package.json
+++ b/samples/notifications/toast/properties/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json
index 5fd1817d03..89b174fc25 100644
--- a/samples/notifications/toast/styling/package.json
+++ b/samples/notifications/toast/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json
index fd152c8fbd..91c48d1c38 100644
--- a/samples/scheduling/calendar/disabled-dates/package.json
+++ b/samples/scheduling/calendar/disabled-dates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json
index 7ba652bae0..683a1dcdb7 100644
--- a/samples/scheduling/calendar/formatting/package.json
+++ b/samples/scheduling/calendar/formatting/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json
index 3c9f697e53..45a3bc85b9 100644
--- a/samples/scheduling/calendar/header/package.json
+++ b/samples/scheduling/calendar/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json
index 3b84a1eced..c96228f304 100644
--- a/samples/scheduling/calendar/multiple-months/package.json
+++ b/samples/scheduling/calendar/multiple-months/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json
index 582856d6dd..80bb2c23aa 100644
--- a/samples/scheduling/calendar/multiple-selection/package.json
+++ b/samples/scheduling/calendar/multiple-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json
index 16e8b0ae65..fc5284f658 100644
--- a/samples/scheduling/calendar/overview/package.json
+++ b/samples/scheduling/calendar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json
index bed47bd8c5..23af02f7c0 100644
--- a/samples/scheduling/calendar/range-selection/package.json
+++ b/samples/scheduling/calendar/range-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json
index bd1367b236..ba6b07b548 100644
--- a/samples/scheduling/calendar/size/package.json
+++ b/samples/scheduling/calendar/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json
index 5c9db7fb7f..2876be63bb 100644
--- a/samples/scheduling/calendar/special-dates/package.json
+++ b/samples/scheduling/calendar/special-dates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json
index 171b614d9b..0afb90448e 100644
--- a/samples/scheduling/calendar/styling/package.json
+++ b/samples/scheduling/calendar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json
index eaed7c1f7d..a03bf59fb9 100644
--- a/samples/scheduling/calendar/week-numbers/package.json
+++ b/samples/scheduling/calendar/week-numbers/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json
index 406c81213e..4884299af2 100644
--- a/samples/scheduling/date-picker/dialog-mode/package.json
+++ b/samples/scheduling/date-picker/dialog-mode/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json
index 250e0b771d..c1150977c8 100644
--- a/samples/scheduling/date-picker/form/package.json
+++ b/samples/scheduling/date-picker/form/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json
index ce7fa20947..5f3b4c0f9b 100644
--- a/samples/scheduling/date-picker/format/package.json
+++ b/samples/scheduling/date-picker/format/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json
index e86c42ef6f..db715ce13c 100644
--- a/samples/scheduling/date-picker/overview/package.json
+++ b/samples/scheduling/date-picker/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json
index e9f8d21eb6..65851e9d6c 100644
--- a/samples/scheduling/date-picker/styling/package.json
+++ b/samples/scheduling/date-picker/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.0.0",
+    "igniteui-webcomponents": "5.1.1",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"

From 360a551197104aff50b5beeb6f59107e6300df0c Mon Sep 17 00:00:00 2001
From: Svetoslav Krastev <striker18@mail.bg>
Date: Tue, 5 Nov 2024 09:14:38 +0200
Subject: [PATCH 14/25] Unify range slider styling sample between platforms.
 (#691)

---
 samples/inputs/slider/styling/index.html      | 10 ++++++--
 .../slider/styling/src/SliderStyling.css      | 24 ++++++++++++++++++-
 samples/inputs/slider/styling/src/index.ts    |  3 ++-
 3 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/samples/inputs/slider/styling/index.html b/samples/inputs/slider/styling/index.html
index c423875d1a..c81b1696ba 100644
--- a/samples/inputs/slider/styling/index.html
+++ b/samples/inputs/slider/styling/index.html
@@ -14,8 +14,14 @@
   <body>
     <div id="root">
       <div class="container sample center">
-        <igc-slider value="40">
-        </igc-slider>
+        <div class="slider-container">
+          <span class="slider-label">Slider</span>
+          <igc-slider value="40"></igc-slider>
+        </div>
+        <div class="slider-container">
+          <span class="slider-label">Range Slider</span>
+          <igc-range-slider lower="20" upper="70"></igc-range-slider>
+        </div>
       </div>
     </div>
     <!-- This script is needed only for parcel and it will be excluded for webpack -->
diff --git a/samples/inputs/slider/styling/src/SliderStyling.css b/samples/inputs/slider/styling/src/SliderStyling.css
index 10bfe54c50..8ed9188737 100644
--- a/samples/inputs/slider/styling/src/SliderStyling.css
+++ b/samples/inputs/slider/styling/src/SliderStyling.css
@@ -2,8 +2,12 @@ igc-slider {
     padding: 30px 30px  0px 30px;
 }
 
+igc-range-slider {
+    padding: 30px 30px  0px 30px;
+}
+
 igc-slider::part(thumb) {
-    background: #28a745;
+background: #28a745;
 }
 
 igc-slider::part(thumb):focus {
@@ -14,4 +18,22 @@ igc-slider::part(thumb):focus {
 igc-slider::part(fill) {
     display: block;
     background: #28a745;
+}
+
+igc-range-slider::part(thumb) {
+    background: orange;
+}
+
+igc-range-slider::part(thumb):focus {
+    background: navy;
+    box-shadow: 0 0 0 2px orange;
+}
+
+igc-range-slider::part(track) {
+    display: block;
+    background: navy;
+}
+
+igc-range-slider::part(thumb-label-inner) {
+    background: navy;
 }
\ No newline at end of file
diff --git a/samples/inputs/slider/styling/src/index.ts b/samples/inputs/slider/styling/src/index.ts
index a54f83b6ff..0381a907b6 100644
--- a/samples/inputs/slider/styling/src/index.ts
+++ b/samples/inputs/slider/styling/src/index.ts
@@ -1,8 +1,9 @@
-import { defineComponents, IgcSliderComponent } from 'igniteui-webcomponents';
+import { defineComponents, IgcSliderComponent, IgcRangeSliderComponent } from 'igniteui-webcomponents';
 import 'igniteui-webcomponents/themes/light/bootstrap.css';
 import './SliderStyling.css';
 
 defineComponents(IgcSliderComponent);
+defineComponents(IgcRangeSliderComponent);
 
 export class SliderTicks {
     constructor() {

From 3f80d55a4826e5e137e9de1ab8adf0ff5abe9f77 Mon Sep 17 00:00:00 2001
From: Tihomir Tonev <ttonev@infragistics.com>
Date: Tue, 5 Nov 2024 10:19:42 +0200
Subject: [PATCH 15/25] fix(grid): fixed grid overlay scroll in pop up
 containers (#861)

---
 browser/src/router.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/browser/src/router.ts b/browser/src/router.ts
index 37331fa52d..c9e8afbec4 100644
--- a/browser/src/router.ts
+++ b/browser/src/router.ts
@@ -167,7 +167,8 @@ export class Router {
     }
 
     private preventDocumentScroll(event:any) {
-        if (event.target.outerHTML.toLowerCase().includes('igx')) {
+        const eventPath = event.composedPath();
+        if (event.target.outerHTML.toLowerCase().includes('igx') && eventPath.filter(x => x.classList?.value === 'igx-grid__tbody').length > 0) {
             event.preventDefault();
         }
     }

From 31501039c19d64dbb996be1c128456dd21cedf86 Mon Sep 17 00:00:00 2001
From: RivaIvanova <ivanova.riva@gmail.com>
Date: Tue, 5 Nov 2024 12:06:58 +0200
Subject: [PATCH 16/25] fix(*): add constructor; add minor style changes

---
 samples/layouts/carousel/animations/src/index.css | 5 ++---
 samples/layouts/carousel/components/src/index.css | 2 --
 samples/layouts/carousel/overview/src/index.css   | 2 --
 samples/layouts/carousel/overview/src/index.ts    | 4 +++-
 samples/layouts/carousel/thumbnail/src/index.css  | 3 ++-
 samples/layouts/carousel/thumbnail/src/index.ts   | 4 +++-
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/samples/layouts/carousel/animations/src/index.css b/samples/layouts/carousel/animations/src/index.css
index 3c99e7b7dc..2d82443ecf 100644
--- a/samples/layouts/carousel/animations/src/index.css
+++ b/samples/layouts/carousel/animations/src/index.css
@@ -15,6 +15,7 @@
     width: 500px;
     display: flex;
     justify-content: space-between;
+    margin-bottom: 10px;
 }
 
 .action {
@@ -30,9 +31,7 @@
 }
 
 igc-carousel {
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    max-height: 550px;
+    border: 0.5px solid #dde0e4;
 }
 
 igc-select {
diff --git a/samples/layouts/carousel/components/src/index.css b/samples/layouts/carousel/components/src/index.css
index ec54b5bc06..b588a05ace 100644
--- a/samples/layouts/carousel/components/src/index.css
+++ b/samples/layouts/carousel/components/src/index.css
@@ -6,8 +6,6 @@
 }
 
 igc-carousel {
-    border-radius: 10px;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
     margin-inline: auto;
     max-width: 75%;
     height: 500px;
diff --git a/samples/layouts/carousel/overview/src/index.css b/samples/layouts/carousel/overview/src/index.css
index 7c8518a5ca..af4562e186 100644
--- a/samples/layouts/carousel/overview/src/index.css
+++ b/samples/layouts/carousel/overview/src/index.css
@@ -17,8 +17,6 @@ img {
 }
 
 igc-carousel {
-    border-radius: 10px;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
     margin-inline: auto;
     max-width: 75%;
     height: 450px;
diff --git a/samples/layouts/carousel/overview/src/index.ts b/samples/layouts/carousel/overview/src/index.ts
index 98ff90bdc8..cd00120f87 100644
--- a/samples/layouts/carousel/overview/src/index.ts
+++ b/samples/layouts/carousel/overview/src/index.ts
@@ -4,6 +4,8 @@ import "./index.css";
 
 defineComponents(IgcCarouselComponent);
 
-export class CarouselOverview {}
+export class CarouselOverview {
+    constructor() {}
+}
 
 new CarouselOverview();
diff --git a/samples/layouts/carousel/thumbnail/src/index.css b/samples/layouts/carousel/thumbnail/src/index.css
index dcc05e0170..8d5a7b6cbc 100644
--- a/samples/layouts/carousel/thumbnail/src/index.css
+++ b/samples/layouts/carousel/thumbnail/src/index.css
@@ -2,7 +2,8 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 igc-carousel {
-    width: 60%
+    margin-inline: auto;
+    max-width: 75%;
 }
 
 igc-carousel::part(indicators) {
diff --git a/samples/layouts/carousel/thumbnail/src/index.ts b/samples/layouts/carousel/thumbnail/src/index.ts
index 1de000b5d0..7eec185528 100644
--- a/samples/layouts/carousel/thumbnail/src/index.ts
+++ b/samples/layouts/carousel/thumbnail/src/index.ts
@@ -4,6 +4,8 @@ import "./index.css";
 
 defineComponents(IgcCarouselComponent);
 
-export class CarouselThumbnail {}
+export class CarouselThumbnail {
+    constructor() {}
+}
 
 new CarouselThumbnail();

From f9555de34f3193e96ebc16a666ce5ddaffa0b9bd Mon Sep 17 00:00:00 2001
From: Deyan Kamburov <dkamburov@users.noreply.github.com>
Date: Tue, 12 Nov 2024 12:25:28 +0200
Subject: [PATCH 17/25] chore(*): update ig packages to 5.0.3-beta.0 (#865)

---
 browser/tasks/gulp-samples.js                 |  22 +--
 package-lock.json                             | 126 +++++++++---------
 package.json                                  |  22 +--
 .../annotations-all/package.json              |   8 +-
 .../annotations-callouts/package.json         |   8 +-
 .../annotations-crosshairs/package.json       |   8 +-
 .../annotations-custom/package.json           |   8 +-
 .../annotations-final-value/package.json      |   8 +-
 .../annotations-highlighting/package.json     |   8 +-
 .../category-chart/annotations/package.json   |   4 +-
 .../area-chart-multiple-sources/package.json  |   4 +-
 .../area-chart-single-source/package.json     |   4 +-
 .../area-chart-styling/package.json           |   4 +-
 .../category-chart/axis-gap/package.json      |   8 +-
 .../axis-gridlines/package.json               |   8 +-
 .../category-chart/axis-inverted/package.json |   8 +-
 .../category-chart/axis-labels/package.json   |   8 +-
 .../axis-locations/package.json               |   8 +-
 .../category-chart/axis-options/package.json  |   4 +-
 .../category-chart/axis-overlap/package.json  |   8 +-
 .../category-chart/axis-range/package.json    |   8 +-
 .../axis-tickmarks/package.json               |   8 +-
 .../category-chart/axis-titles/package.json   |   4 +-
 .../chart-highlight-filter/package.json       |   8 +-
 .../package.json                              |   4 +-
 .../column-chart-single-source/package.json   |   4 +-
 .../column-chart-styling/package.json         |   4 +-
 .../package.json                              |   4 +-
 .../column-chart-with-tooltips/package.json   |   8 +-
 .../custom-selection/package.json             |   4 +-
 .../data-aggregations/package.json            |   8 +-
 .../category-chart/data-filter/package.json   |   8 +-
 .../package.json                              |   4 +-
 .../category-chart/data-legend/package.json   |   4 +-
 .../package.json                              |   4 +-
 .../data-tooltip-positioning/package.json     |   8 +-
 .../category-chart/data-tooltip/package.json  |   4 +-
 .../format-specifiers/package.json            |   8 +-
 .../high-frequency/package.json               |   4 +-
 .../category-chart/high-volume/package.json   |   4 +-
 .../highlighting-behavior/package.json        |   8 +-
 .../highlighting-mode/package.json            |   8 +-
 .../category-chart/highlighting/package.json  |   4 +-
 .../legend-highlighting/package.json          |   4 +-
 .../line-chart-multiple-sources/package.json  |   4 +-
 .../line-chart-single-source/package.json     |   4 +-
 .../line-chart-styling/package.json           |   4 +-
 .../line-chart-with-animations/package.json   |   4 +-
 .../line-chart-with-annotations/package.json  |   4 +-
 .../marker-options/package.json               |   8 +-
 .../marker-templates/package.json             |   4 +-
 .../category-chart/overview/package.json      |   4 +-
 .../point-chart-multiple-sources/package.json |   4 +-
 .../point-chart-single-source/package.json    |   4 +-
 .../point-chart-styling/package.json          |   4 +-
 .../selection-modes/package.json              |   4 +-
 .../selection-multiple-modes/package.json     |   8 +-
 .../spline-area-multiple-sources/package.json |   4 +-
 .../spline-area-single-source/package.json    |   4 +-
 .../spline-area-styling/package.json          |   4 +-
 .../spline-multiple-sources/package.json      |   4 +-
 .../spline-single-source/package.json         |   4 +-
 .../spline-styling/package.json               |   4 +-
 .../category-chart/stack-columns/package.json |   4 +-
 .../step-area-multiple-sources/package.json   |   4 +-
 .../step-area-single-source/package.json      |   4 +-
 .../step-area-styling/package.json            |   4 +-
 .../step-line-multiple-sources/package.json   |   4 +-
 .../step-line-single-source/package.json      |   4 +-
 .../step-line-styling/package.json            |   4 +-
 .../tooltip-template/package.json             |   4 +-
 .../category-chart/tooltip-types/package.json |   4 +-
 .../category-chart/trendline/package.json     |   4 +-
 .../category-chart/value-lines/package.json   |   8 +-
 .../annotations-custom/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../data-chart/axis-annotations/package.json  |   4 +-
 .../data-chart/axis-crossing/package.json     |   4 +-
 .../axis-label-rotation/package.json          |   8 +-
 .../data-chart/axis-locations/package.json    |   4 +-
 .../data-chart/axis-min-max-gap/package.json  |   4 +-
 .../data-chart/axis-settings/package.json     |   4 +-
 .../data-chart/axis-sharing/package.json      |   4 +-
 .../charts/data-chart/axis-types/package.json |   4 +-
 .../bar-chart-multiple-sources/package.json   |   4 +-
 .../bar-chart-overlapping/package.json        |   4 +-
 .../bar-chart-single-source/package.json      |   4 +-
 .../data-chart/bar-chart-styling/package.json |   4 +-
 .../callout-layer-styling/package.json        |   4 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../chart-highlight-filter/package.json       |   8 +-
 .../data-chart/chart-navigation/package.json  |   4 +-
 .../data-chart/chart-overview/package.json    |   4 +-
 .../data-chart/chart-performance/package.json |   4 +-
 .../chart-synchronization/package.json        |   4 +-
 .../data-chart/chart-titles/package.json      |   4 +-
 .../data-chart/composite-chart/package.json   |   4 +-
 .../crosshair-layer-styling/package.json      |   4 +-
 .../custom-drawing-annotations/package.json   |   8 +-
 .../custom-editing-data/package.json          |   4 +-
 .../data-chart/dash-array-axes/package.json   |   4 +-
 .../data-chart/dash-array-series/package.json |   4 +-
 .../dash-array-tickmarks/package.json         |   4 +-
 .../dash-array-trendline/package.json         |   4 +-
 .../package.json                              |   4 +-
 .../data-legend-grouping/package.json         |   4 +-
 .../data-legend-styling/package.json          |   4 +-
 .../data-chart/data-legend/package.json       |   4 +-
 .../package.json                              |   8 +-
 .../data-tooltip-grouping/package.json        |   8 +-
 .../data-tooltip-styling/package.json         |   8 +-
 .../data-chart/data-tooltip/package.json      |   4 +-
 .../final-value-layer-styling/package.json    |   4 +-
 .../financial-price-series/package.json       |   4 +-
 .../data-chart/format-specifiers/package.json |   4 +-
 .../charts/data-chart/legends/package.json    |   4 +-
 .../polar-area-chart-styling/package.json     |   4 +-
 .../data-chart/polar-area-chart/package.json  |   4 +-
 .../data-chart/polar-chart-types/package.json |   4 +-
 .../data-chart/polar-line-chart/package.json  |   4 +-
 .../polar-scatter-chart/package.json          |   4 +-
 .../polar-spline-area-chart/package.json      |   4 +-
 .../polar-spline-chart/package.json           |   4 +-
 .../radial-area-chart-styling/package.json    |   4 +-
 .../data-chart/radial-area-chart/package.json |   4 +-
 .../radial-chart-types/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../radial-column-chart/package.json          |   4 +-
 .../data-chart/radial-label-mode/package.json |   8 +-
 .../data-chart/radial-line-chart/package.json |   4 +-
 .../data-chart/radial-pie-chart/package.json  |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../data-chart/range-area-chart/package.json  |   4 +-
 .../range-column-chart/package.json           |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../scatter-bubble-chart-styling/package.json |   4 +-
 .../scatter-line-chart/package.json           |   4 +-
 .../scatter-point-chart/package.json          |   4 +-
 .../scatter-spline-chart/package.json         |   4 +-
 .../data-chart/series-animations/package.json |   4 +-
 .../series-annotations/package.json           |   4 +-
 .../data-chart/series-error-bars/package.json |   4 +-
 .../series-highlighting/package.json          |   4 +-
 .../series-marker-template/package.json       |   4 +-
 .../data-chart/series-markers/package.json    |   4 +-
 .../data-chart/series-tooltips/package.json   |   4 +-
 .../data-chart/series-trendlines/package.json |   4 +-
 .../series-value-overlay/package.json         |   4 +-
 .../stacked-100-area-chart/package.json       |   4 +-
 .../stacked-100-bar-chart/package.json        |   4 +-
 .../stacked-100-column-chart/package.json     |   4 +-
 .../stacked-100-line-chart/package.json       |   4 +-
 .../package.json                              |   4 +-
 .../stacked-100-spline-chart/package.json     |   4 +-
 .../stacked-area-chart/package.json           |   4 +-
 .../data-chart/stacked-bar-chart/package.json |   4 +-
 .../stacked-chart-types/package.json          |   4 +-
 .../stacked-column-chart/package.json         |   4 +-
 .../stacked-line-chart/package.json           |   4 +-
 .../stacked-spline-area-chart/package.json    |   4 +-
 .../stacked-spline-chart/package.json         |   4 +-
 .../data-chart/tooltip-template/package.json  |   4 +-
 .../data-chart/transition-event/package.json  |   8 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../package.json                              |   4 +-
 .../type-financial-ohlc-series/package.json   |   4 +-
 .../type-financial-overlays/package.json      |   4 +-
 .../type-financial-series/package.json        |   4 +-
 .../type-range-area-series/package.json       |   4 +-
 .../type-range-column-series/package.json     |   4 +-
 .../data-chart/type-range-series/package.json |   4 +-
 .../type-scatter-area-series/package.json     |   4 +-
 .../type-scatter-bubble-series/package.json   |   4 +-
 .../type-scatter-contour-series/package.json  |   4 +-
 .../type-scatter-hd-series/package.json       |   4 +-
 .../type-scatter-polygon-series/package.json  |   4 +-
 .../type-scatter-polyline-series/package.json |   4 +-
 .../type-scatter-series/package.json          |   4 +-
 .../data-chart/type-shape-series/package.json |   4 +-
 .../data-chart/waterfall-chart/package.json   |   4 +-
 .../data-pie-chart/animation/package.json     |   8 +-
 .../highlight-filter/package.json             |   4 +-
 .../data-pie-chart/highlighting/package.json  |   8 +-
 .../charts/data-pie-chart/legend/package.json |   8 +-
 .../charts/data-pie-chart/others/package.json |   8 +-
 .../data-pie-chart/overview/package.json      |   4 +-
 .../data-pie-chart/selection/package.json     |   8 +-
 .../doughnut-chart/animation/package.json     |   4 +-
 .../doughnut-chart/explosion/package.json     |   4 +-
 .../charts/doughnut-chart/legend/package.json |   4 +-
 .../doughnut-chart/overview/package.json      |   4 +-
 .../charts/doughnut-chart/rings/package.json  |   4 +-
 .../doughnut-chart/selection/package.json     |   4 +-
 .../financial-chart/annotations/package.json  |   4 +-
 .../financial-chart/axis-types/package.json   |   4 +-
 .../package.json                              |   4 +-
 .../data-legend-styling-props/package.json    |   4 +-
 .../financial-chart/data-legend/package.json  |   4 +-
 .../package.json                              |   4 +-
 .../data-tooltip-styling-props/package.json   |   4 +-
 .../financial-chart/data-tooltip/package.json |   4 +-
 .../format-specifiers/package.json            |   4 +-
 .../high-frequency/package.json               |   4 +-
 .../financial-chart/high-volume/package.json  |   4 +-
 .../indicator-customization/package.json      |   4 +-
 .../indicator-types/package.json              |   4 +-
 .../multiple-data/package.json                |   4 +-
 .../financial-chart/overview/package.json     |   4 +-
 .../charts/financial-chart/panes/package.json |   4 +-
 .../financial-chart/performance/package.json  |   4 +-
 .../financial-chart/scrollbars/package.json   |   4 +-
 .../stock-index-chart/package.json            |   4 +-
 .../financial-chart/styling/package.json      |   4 +-
 .../financial-chart/titles/package.json       |   4 +-
 .../tooltip-types/package.json                |   4 +-
 .../financial-chart/trendlines/package.json   |   4 +-
 .../financial-chart/volume-types/package.json |   4 +-
 .../charts/pie-chart/animation/package.json   |   4 +-
 .../charts/pie-chart/explosion/package.json   |   4 +-
 samples/charts/pie-chart/legend/package.json  |   4 +-
 samples/charts/pie-chart/others/package.json  |   4 +-
 .../charts/pie-chart/overview/package.json    |   4 +-
 .../charts/pie-chart/selection/package.json   |   4 +-
 samples/charts/pie-chart/styling/package.json |   4 +-
 .../sparkline/display-area/package.json       |   4 +-
 .../sparkline/display-column/package.json     |   4 +-
 .../sparkline/display-lines/package.json      |   8 +-
 .../sparkline/display-types/package.json      |   4 +-
 .../sparkline/display-winloss/package.json    |   4 +-
 samples/charts/sparkline/grid/package.json    |  10 +-
 samples/charts/sparkline/markers/package.json |   8 +-
 .../sparkline/normal-range/package.json       |   8 +-
 .../charts/sparkline/trendlines/package.json  |   8 +-
 .../sparkline/unknown-values/package.json     |   8 +-
 .../package.json                              |   8 +-
 .../actions-built-in-data-chart/package.json  |   8 +-
 .../charts/toolbar/custom-tool/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 samples/charts/toolbar/theming/package.json   |   8 +-
 samples/charts/tree-map/events/package.json   |   4 +-
 .../highlighting-percent-based/package.json   |   4 +-
 .../charts/tree-map/highlighting/package.json |   8 +-
 samples/charts/tree-map/layout/package.json   |   8 +-
 samples/charts/tree-map/overview/package.json |   4 +-
 samples/charts/tree-map/styling/package.json  |   4 +-
 .../charts/zoomslider/overview/package.json   |   4 +-
 .../overview/package.json                     |   8 +-
 .../x-date-picker/date-limits/package.json    |   6 +-
 .../x-date-picker/editing/package.json        |   6 +-
 .../editors/x-date-picker/format/package.json |   6 +-
 .../x-date-picker/overview/package.json       |   6 +-
 .../editors/x-date-picker/range/package.json  |   6 +-
 .../operations-on-workbooks/package.json      |  10 +-
 .../operations-on-worksheets/package.json     |   4 +-
 .../excel/excel-library/overview/package.json |   4 +-
 .../working-with-cells/package.json           |   4 +-
 .../working-with-charts/package.json          |  12 +-
 .../working-with-sparklines/package.json      |  12 +-
 .../excel/spreadsheet/activation/package.json |   6 +-
 .../spreadsheet/adapter-chart/package.json    |  10 +-
 .../spreadsheet/adapter-combo/package.json    |  10 +-
 .../excel/spreadsheet/clipboard/package.json  |   6 +-
 .../excel/spreadsheet/commands/package.json   |   6 +-
 .../conditional-formatting/package.json       |   6 +-
 .../spreadsheet/config-options/package.json   |   6 +-
 .../spreadsheet/data-validation/package.json  |   6 +-
 .../spreadsheet/filter-dialog/package.json    |   6 +-
 .../spreadsheet/format-dialog/package.json    |   6 +-
 .../excel/spreadsheet/hyperlinks/package.json |   6 +-
 .../excel/spreadsheet/overview/package.json   |   6 +-
 .../spreadsheet/sort-dialog/package.json      |   6 +-
 .../bullet-graph/animation/package.json       |   4 +-
 .../bullet-graph/background/package.json      |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/bullet-graph/labels/package.json   |   4 +-
 .../gauges/bullet-graph/measures/package.json |   4 +-
 .../gauges/bullet-graph/ranges/package.json   |   4 +-
 .../gauges/bullet-graph/scale/package.json    |   4 +-
 .../bullet-graph/tickmarks/package.json       |   4 +-
 .../bullet-graph/type-filled/package.json     |   4 +-
 .../bullet-graph/type-horizontal/package.json |   4 +-
 .../bullet-graph/type-reversed/package.json   |   4 +-
 .../bullet-graph/type-segmented/package.json  |   4 +-
 .../bullet-graph/type-vertical/package.json   |   4 +-
 .../linear-gauge/animation/package.json       |   4 +-
 .../gauges/linear-gauge/backing/package.json  |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/linear-gauge/labels/package.json   |   4 +-
 .../gauges/linear-gauge/needle/package.json   |   4 +-
 .../gauges/linear-gauge/ranges/package.json   |   4 +-
 .../gauges/linear-gauge/scale/package.json    |   4 +-
 .../linear-gauge/tickmarks/package.json       |   4 +-
 .../linear-gauge/type-curved/package.json     |   4 +-
 .../linear-gauge/type-filled/package.json     |   4 +-
 .../linear-gauge/type-horizontal/package.json |   4 +-
 .../type-multi-range/package.json             |   4 +-
 .../type-multi-scale/package.json             |   4 +-
 .../linear-gauge/type-segmented/package.json  |   4 +-
 .../linear-gauge/type-vertical/package.json   |   4 +-
 .../radial-gauge/animation/package.json       |   4 +-
 .../gauges/radial-gauge/backing/package.json  |   4 +-
 .../highlight-needle/package.json             |   4 +-
 .../gauges/radial-gauge/labels/package.json   |   4 +-
 .../gauges/radial-gauge/needle/package.json   |   4 +-
 .../radial-gauge/optical-scaling/package.json |   4 +-
 .../gauges/radial-gauge/ranges/package.json   |   4 +-
 .../gauges/radial-gauge/scale/package.json    |   4 +-
 .../radial-gauge/tickmarks/package.json       |   4 +-
 .../radial-gauge/type-column/package.json     |   4 +-
 .../radial-gauge/type-curved/package.json     |   4 +-
 .../radial-gauge/type-direction/package.json  |   4 +-
 .../radial-gauge/type-full/package.json       |   4 +-
 .../radial-gauge/type-half/package.json       |   4 +-
 .../radial-gauge/type-quatre/package.json     |   4 +-
 .../radial-gauge/type-ring/package.json       |   4 +-
 .../radial-gauge/type-segmented/package.json  |   4 +-
 .../radial-gauge/type-semi/package.json       |   4 +-
 .../data-grid/accessibility/package.json      |   8 +-
 .../binding-data-service/package.json         |   8 +-
 .../data-grid/binding-live-data/package.json  |  10 +-
 .../data-grid/binding-local-data/package.json |   8 +-
 .../binding-remote-data/package.json          |  10 +-
 .../data-grid/cell-activation/package.json    |   8 +-
 .../grids/data-grid/cell-editing/package.json |   8 +-
 .../grids/data-grid/cell-merging/package.json |  10 +-
 .../data-grid/cell-selection/package.json     |   8 +-
 .../data-grid/column-animation/package.json   |   8 +-
 .../column-chooser-picker/package.json        |   8 +-
 .../column-chooser-toolbar/package.json       |   8 +-
 .../column-filter-expressions/package.json    |   8 +-
 .../column-filter-operands/package.json       |   8 +-
 .../data-grid/column-filtering/package.json   |   8 +-
 .../data-grid/column-moving/package.json      |   8 +-
 .../data-grid/column-options/package.json     |   8 +-
 .../column-pinning-picker/package.json        |   8 +-
 .../column-pinning-toolbar/package.json       |   8 +-
 .../data-grid/column-resizing/package.json    |   8 +-
 .../data-grid/column-scrolling/package.json   |   8 +-
 .../data-grid/column-sorting/package.json     |   8 +-
 .../data-grid/column-summaries/package.json   |   8 +-
 .../grids/data-grid/column-types/package.json |  10 +-
 .../data-grid/load-save-layout/package.json   |  10 +-
 .../grids/data-grid/localization/package.json |  10 +-
 samples/grids/data-grid/overview/package.json |  10 +-
 samples/grids/data-grid/pager/package.json    |   8 +-
 .../grids/data-grid/performance/package.json  |   8 +-
 .../row-group-descriptions/package.json       |   8 +-
 .../grids/data-grid/row-grouping/package.json |   8 +-
 .../data-grid/row-highlighting/package.json   |   8 +-
 .../grids/data-grid/row-paging/package.json   |   8 +-
 .../grids/data-grid/row-pinning/package.json  |   8 +-
 .../data-grid/row-selection/package.json      |   8 +-
 .../type-comparison-table/package.json        |  10 +-
 .../data-grid/type-heatmap-table/package.json |   8 +-
 .../type-marketing-table/package.json         |  10 +-
 .../data-grid/type-matrix-table/package.json  |   8 +-
 .../type-periodic-table/package.json          |   8 +-
 .../grids/data-grid/type-table/package.json   |   8 +-
 samples/grids/grid/action-strip/package.json  |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../grid/binding-composite-data/package.json  |   8 +-
 .../grids/grid/binding-crud-data/package.json |   8 +-
 .../grid/binding-nested-data-1/package.json   |   8 +-
 .../grids/grid/cascading-combo/package.json   |   8 +-
 .../grid/cell-editing-sample/package.json     |   8 +-
 .../grid/cell-editing-styling/package.json    |   8 +-
 .../grid/cell-selection-mode/package.json     |   8 +-
 .../grid/cell-selection-style/package.json    |   8 +-
 .../grid/change-icons-custom/package.json     |   8 +-
 .../grid/clipboard-operations/package.json    |   8 +-
 .../grid/column-auto-sizing/package.json      |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../grids/grid/column-data-types/package.json |   8 +-
 .../grid/column-hiding-options/package.json   |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../grid/column-hiding-toolbar/package.json   |   8 +-
 .../grid/column-moving-options/package.json   |   8 +-
 .../grid/column-moving-styles/package.json    |   8 +-
 .../grid/column-pinning-options/package.json  |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../grid/column-pinning-styles/package.json   |   8 +-
 .../grids/grid/column-pinning/package.json    |   8 +-
 .../grid/column-resize-styling/package.json   |   8 +-
 .../grids/grid/column-resizing/package.json   |   8 +-
 .../grid/column-selection-group/package.json  |   8 +-
 .../grid/column-selection-mode/package.json   |   8 +-
 .../grid/column-selection-styles/package.json |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../grid/column-sorting-options/package.json  |   8 +-
 .../grid/column-sorting-style/package.json    |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../grid/custom-context-menu/package.json     |   8 +-
 .../grids/grid/custom-filtering/package.json  |   8 +-
 .../data-batch-editing-actions/package.json   |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../grid/data-paste-options/package.json      |   8 +-
 .../package.json                              |   8 +-
 .../grids/grid/data-searching/package.json    |   8 +-
 .../grid/data-summaries-custom/package.json   |   8 +-
 .../grid/data-summary-formatter/package.json  |   8 +-
 .../grid/data-summary-options/package.json    |   8 +-
 .../grid/data-summary-template/package.json   |   8 +-
 .../grid/data-validation-style/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../grid/data-validator-service/package.json  |   8 +-
 .../grids/grid/editing-columns/package.json   |   8 +-
 .../grids/grid/editing-events/package.json    |   8 +-
 .../editing-excel-style-custom/package.json   |   8 +-
 .../grid/editing-excel-style/package.json     |   8 +-
 .../grids/grid/editing-lifecycle/package.json |   8 +-
 .../grids/grid/excel-exporting/package.json   |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../external-advanced-filtering/package.json  |   8 +-
 .../grids/grid/filtering-options/package.json |   8 +-
 .../grid/filtering-strategy/package.json      |   8 +-
 .../grids/grid/filtering-style/package.json   |   8 +-
 samples/grids/grid/finjs/package.json         |  10 +-
 .../grids/grid/groupby-custom/package.json    |   8 +-
 .../grid/groupby-expressions/package.json     |   8 +-
 .../grids/grid/groupby-paging/package.json    |   8 +-
 .../grids/grid/groupby-styling/package.json   |   8 +-
 .../grid/groupby-summary-options/package.json |   8 +-
 .../grid/groupby-summary-styling/package.json |   8 +-
 .../grids/grid/infinite-scroll/package.json   |   8 +-
 .../keyboard-custom-navigation/package.json   |   8 +-
 .../grid/keyboard-mrl-navigation/package.json |   8 +-
 .../keyboard-navigation-guide/package.json    |   8 +-
 .../grid/layout-display-density/package.json  |   8 +-
 samples/grids/grid/master-detail/package.json |   8 +-
 .../multi-cell-selection-mode/package.json    |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../multi-row-layout-options/package.json     |   8 +-
 .../grid/multi-row-layout-style/package.json  |   8 +-
 samples/grids/grid/overview/package.json      |   8 +-
 samples/grids/grid/paste/package.json         |   8 +-
 .../grid/remote-paging-data/package.json      |   8 +-
 .../grid/remote-paging-grid/package.json      |   8 +-
 samples/grids/grid/row-adding/package.json    |   8 +-
 samples/grids/grid/row-classes/package.json   |   8 +-
 samples/grids/grid/row-drag-base/package.json |   8 +-
 .../grid/row-editing-options/package.json     |   8 +-
 .../grids/grid/row-editing-style/package.json |   8 +-
 .../grids/grid/row-paging-basic/package.json  |   8 +-
 .../grid/row-paging-options/package.json      |   8 +-
 .../grids/grid/row-pinning-drag/package.json  |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../grid/row-pinning-options/package.json     |   8 +-
 .../grids/grid/row-pinning-style/package.json |   8 +-
 samples/grids/grid/row-reorder/package.json   |   8 +-
 .../grid/row-selection-mode/package.json      |   8 +-
 .../row-selection-template-excel/package.json |   8 +-
 .../package.json                              |   8 +-
 samples/grids/grid/row-styles/package.json    |   8 +-
 .../grid/state-persistence-about/package.json |   8 +-
 .../grid/state-persistence-main/package.json  |   8 +-
 .../grid/styling-custom-CSS/package.json      |   8 +-
 .../grids/grid/toolbar-sample-1/package.json  |   8 +-
 .../grids/grid/toolbar-sample-2/package.json  |   8 +-
 .../grids/grid/toolbar-sample-3/package.json  |   8 +-
 .../grids/grid/toolbar-sample-4/package.json  |   8 +-
 samples/grids/grid/toolbar-style/package.json |   8 +-
 .../action-strip/package.json                 |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../cell-editing-sample/package.json          |   8 +-
 .../cell-editing-styling/package.json         |   8 +-
 .../cell-selection-mode/package.json          |   8 +-
 .../cell-selection-overview/package.json      |   8 +-
 .../cell-selection-style/package.json         |   8 +-
 .../cell-selection-styling/package.json       |   8 +-
 .../column-auto-sizing/package.json           |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../column-hiding-toolbar/package.json        |   8 +-
 .../column-moving-options/package.json        |   8 +-
 .../column-moving-styles/package.json         |   8 +-
 .../column-pinning-options/package.json       |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../column-pinning-styles/package.json        |   8 +-
 .../column-pinning/package.json               |   8 +-
 .../column-resize-styling/package.json        |   8 +-
 .../column-resizing/package.json              |   8 +-
 .../column-selection-group/package.json       |   8 +-
 .../column-selection-mode/package.json        |   8 +-
 .../column-selection-styles/package.json      |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../column-sorting-options/package.json       |   8 +-
 .../column-sorting-style/package.json         |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../custom-filtering/package.json             |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../package.json                              |   8 +-
 .../data-summary-formatter/package.json       |   8 +-
 .../data-summary-options-styling/package.json |   8 +-
 .../data-summary-options/package.json         |   8 +-
 .../data-summary-template/package.json        |   8 +-
 .../editing-columns/package.json              |   8 +-
 .../editing-events/package.json               |   8 +-
 .../editing-lifecycle/package.json            |   8 +-
 .../excel-exporting/package.json              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../filtering-options/package.json            |   8 +-
 .../filtering-style/package.json              |   8 +-
 .../hierarchical-grid-options/package.json    |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid-styling/package.json    |   8 +-
 .../layout-display-density/package.json       |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid/overview/package.json   |   8 +-
 .../remote-paging-sample/package.json         |   8 +-
 .../hierarchical-grid/row-adding/package.json |   8 +-
 .../row-classes/package.json                  |   8 +-
 .../row-drag-base/package.json                |   8 +-
 .../row-editing-options/package.json          |   8 +-
 .../row-editing-style/package.json            |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../row-pinning-options/package.json          |   8 +-
 .../row-pinning-style/package.json            |   8 +-
 .../row-reorder/package.json                  |   8 +-
 .../row-selection-mode/package.json           |   8 +-
 .../package.json                              |   8 +-
 .../hierarchical-grid/row-styles/package.json |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../toolbar-sample-1/package.json             |   8 +-
 .../toolbar-sample-2/package.json             |   8 +-
 .../toolbar-sample-3/package.json             |   8 +-
 .../toolbar-sample-4/package.json             |   8 +-
 .../toolbar-style/package.json                |   8 +-
 .../grids/list/add-list-items/package.json    |   2 +-
 .../aggregate-max-sales/package.json          |   8 +-
 .../aggregate-units-sold/package.json         |   8 +-
 samples/grids/pivot-grid/basic/package.json   |   8 +-
 .../data-persistence-noop/package.json        |   8 +-
 .../pivot-grid/data-selector/package.json     |   8 +-
 .../grids/pivot-grid/features/package.json    |   8 +-
 samples/grids/pivot-grid/remote/package.json  |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../grids/tree-grid/action-strip/package.json |   8 +-
 .../advanced-filtering-options/package.json   |   8 +-
 .../advanced-filtering-style/package.json     |   8 +-
 .../cell-editing-sample/package.json          |   8 +-
 .../cell-editing-styling/package.json         |   8 +-
 .../cell-selection-mode/package.json          |   8 +-
 .../cell-selection-style/package.json         |   8 +-
 .../clipboard-operations/package.json         |   8 +-
 .../tree-grid/column-auto-sizing/package.json |   8 +-
 .../column-collapsible-groups/package.json    |   8 +-
 .../tree-grid/column-data-types/package.json  |   8 +-
 .../column-hiding-toolbar-style/package.json  |   8 +-
 .../column-hiding-toolbar/package.json        |   8 +-
 .../column-moving-options/package.json        |   8 +-
 .../column-moving-styles/package.json         |   8 +-
 .../column-pinning-options/package.json       |   8 +-
 .../column-pinning-right-side/package.json    |   8 +-
 .../column-pinning-styles/package.json        |   8 +-
 .../column-pinning-toolbar/package.json       |   8 +-
 .../tree-grid/column-pinning/package.json     |   8 +-
 .../column-resize-styling/package.json        |   8 +-
 .../tree-grid/column-resizing/package.json    |   8 +-
 .../column-selection-group/package.json       |   8 +-
 .../column-selection-mode/package.json        |   8 +-
 .../column-selection-style/package.json       |   8 +-
 .../column-selection-styles/package.json      |   8 +-
 .../column-sorting-indicators/package.json    |   8 +-
 .../column-sorting-options/package.json       |   8 +-
 .../column-sorting-style/package.json         |   8 +-
 .../conditional-cell-style-1/package.json     |   8 +-
 .../conditional-cell-style-2/package.json     |   8 +-
 .../conditional-row-selectors/package.json    |   8 +-
 .../tree-grid/custom-filtering/package.json   |   8 +-
 .../data-exporting-indicator/package.json     |   8 +-
 .../tree-grid/data-searching/package.json     |   8 +-
 .../data-summaries-custom/package.json        |   8 +-
 .../data-summary-children/package.json        |   8 +-
 .../data-summary-formatter/package.json       |   8 +-
 .../data-summary-options-styling/package.json |   8 +-
 .../data-summary-options/package.json         |   8 +-
 .../data-summary-template/package.json        |   8 +-
 .../tree-grid/editing-columns/package.json    |   8 +-
 .../tree-grid/editing-events/package.json     |   8 +-
 .../tree-grid/editing-lifecycle/package.json  |   8 +-
 .../tree-grid/excel-exporting/package.json    |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../package.json                              |   8 +-
 .../excel-style-filtering-style/package.json  |   8 +-
 .../tree-grid/filtering-options/package.json  |   8 +-
 .../tree-grid/filtering-style/package.json    |   8 +-
 samples/grids/tree-grid/finjs/package.json    |  10 +-
 .../keyboard-custom-navigation/package.json   |   8 +-
 .../keyboard-navigation-guide/package.json    |   8 +-
 .../layout-display-density/package.json       |   8 +-
 .../tree-grid/load-on-demand/package.json     |   8 +-
 .../multi-cell-selection-mode/package.json    |   8 +-
 .../multi-column-headers-export/package.json  |   8 +-
 .../package.json                              |   8 +-
 .../multi-column-headers-styling/package.json |   8 +-
 .../package.json                              |   8 +-
 .../tree-grid/overview-styling/package.json   |   8 +-
 samples/grids/tree-grid/overview/package.json |   8 +-
 .../grids/tree-grid/row-adding/package.json   |   8 +-
 .../grids/tree-grid/row-classes/package.json  |   8 +-
 .../tree-grid/row-drag-base/package.json      |   8 +-
 .../row-editing-options/package.json          |   8 +-
 .../tree-grid/row-editing-style/package.json  |   8 +-
 .../tree-grid/row-paging-basic/package.json   |   8 +-
 .../tree-grid/row-paging-options/package.json |   8 +-
 .../tree-grid/row-paging-style/package.json   |   8 +-
 .../row-pinning-extra-column/package.json     |   8 +-
 .../row-pinning-options/package.json          |   8 +-
 .../tree-grid/row-pinning-style/package.json  |   8 +-
 .../grids/tree-grid/row-reorder/package.json  |   8 +-
 .../tree-grid/row-selection-mode/package.json |   8 +-
 .../row-selection-template-excel/package.json |   8 +-
 .../package.json                              |   8 +-
 .../grids/tree-grid/row-styles/package.json   |   8 +-
 .../state-persistence-about/package.json      |   8 +-
 .../state-persistence-main/package.json       |   8 +-
 .../tree-grid/toolbar-sample-1/package.json   |   8 +-
 .../tree-grid/toolbar-sample-2/package.json   |   8 +-
 .../tree-grid/toolbar-sample-3/package.json   |   8 +-
 .../tree-grid/toolbar-sample-4/package.json   |   8 +-
 .../tree-grid/toolbar-style/package.json      |   8 +-
 .../using-primary-foreign-keys/package.json   |   8 +-
 .../layouts/carousel/animations/package.json  |   4 +-
 .../layouts/carousel/components/package.json  |   4 +-
 .../layouts/carousel/overview/package.json    |   4 +-
 .../layouts/carousel/thumbnail/package.json   |   4 +-
 .../embedding-frames/package.json             |   2 +-
 .../dock-manager/hiding-panes/package.json    |   2 +-
 .../dock-manager/overview/package.json        |   2 +-
 .../layouts/dock-manager/styling/package.json |   2 +-
 .../dock-manager/updating-panes/package.json  |   8 +-
 .../geo-map/binding-data-csv/package.json     |   6 +-
 .../binding-data-json-points/package.json     |   6 +-
 .../geo-map/binding-data-model/package.json   |   6 +-
 .../binding-multiple-shapes/package.json      |   6 +-
 .../binding-multiple-sources/package.json     |   6 +-
 .../geo-map/binding-shp-points/package.json   |   6 +-
 .../geo-map/binding-shp-polygons/package.json |   6 +-
 .../binding-shp-polylines/package.json        |   6 +-
 .../maps/geo-map/custom-tooltips/package.json |   6 +-
 .../geo-map/display-all-imagery/package.json  |   6 +-
 .../geo-map/display-bing-imagery/package.json |   6 +-
 .../geo-map/display-esri-imagery/package.json |   6 +-
 .../geo-map/display-heat-imagery/package.json |   6 +-
 .../geo-map/display-osm-imagery/package.json  |   6 +-
 .../maps/geo-map/marker-template/package.json |   6 +-
 samples/maps/geo-map/marker-type/package.json |   6 +-
 samples/maps/geo-map/navigation/package.json  |   6 +-
 samples/maps/geo-map/overview/package.json    |   6 +-
 .../maps/geo-map/shape-styling/package.json   |   6 +-
 .../maps/geo-map/synchronization/package.json |   6 +-
 .../geo-map/triangulating-data/package.json   |   6 +-
 .../type-scatter-area-series/package.json     |   6 +-
 .../type-scatter-bubble-series/package.json   |   6 +-
 .../type-scatter-contour-series/package.json  |   6 +-
 .../type-scatter-density-series/package.json  |   6 +-
 .../type-scatter-symbol-series/package.json   |   6 +-
 .../type-shape-polygon-series/package.json    |   6 +-
 .../type-shape-polyline-series/package.json   |   6 +-
 687 files changed, 2285 insertions(+), 2285 deletions(-)

diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index abe977c7a2..1e6b1ecb28 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -976,17 +976,17 @@ function updateIG(cb) {
     // { name:               "igniteui-webcomponents-core", version: "3.2.2" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-webcomponents-core"                     , version: "5.0.2" },
-        { name: "igniteui-webcomponents-charts"                   , version: "5.0.2" },
-        { name: "igniteui-webcomponents-excel"                    , version: "5.0.2" },
-        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.2" },
-        { name: "igniteui-webcomponents-grids"                    , version: "5.0.2" },
-        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.2" },
-        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.2" },
-        { name: "igniteui-webcomponents-maps"                     , version: "5.0.2" },
-        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.2" },
-        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.2" },
-        { name: "igniteui-webcomponents-datasources"              , version: "5.0.2" },
+        { name: "igniteui-webcomponents-core"                     , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-charts"                   , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-excel"                    , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-grids"                    , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-maps"                     , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-datasources"              , version: "5.0.3-beta.0" },
         // these IG packages are sometimes updated:
         { name: "igniteui-webcomponents", version: "5.1.1" },
         { name: "igniteui-dockmanager", version: "1.14.3" },
diff --git a/package-lock.json b/package-lock.json
index 4185a6a34f..d2cd114a9f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,17 +22,17 @@
         "file-saver": "^2.0.2",
         "igniteui-dockmanager": "1.14.3",
         "igniteui-webcomponents": "5.1.1",
-        "igniteui-webcomponents-charts": "5.0.2",
-        "igniteui-webcomponents-core": "5.0.2",
-        "igniteui-webcomponents-datasources": "5.0.2",
-        "igniteui-webcomponents-excel": "5.0.2",
-        "igniteui-webcomponents-gauges": "5.0.2",
-        "igniteui-webcomponents-grids": "5.0.2",
-        "igniteui-webcomponents-inputs": "5.0.2",
-        "igniteui-webcomponents-layouts": "5.0.2",
-        "igniteui-webcomponents-maps": "5.0.2",
-        "igniteui-webcomponents-spreadsheet": "5.0.2",
-        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
+        "igniteui-webcomponents-charts": "5.0.3-beta.0",
+        "igniteui-webcomponents-core": "5.0.3-beta.0",
+        "igniteui-webcomponents-datasources": "5.0.3-beta.0",
+        "igniteui-webcomponents-excel": "5.0.3-beta.0",
+        "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+        "igniteui-webcomponents-grids": "5.0.3-beta.0",
+        "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+        "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+        "igniteui-webcomponents-maps": "5.0.3-beta.0",
+        "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
         "lit": "^3.2.0",
         "lit-html": "^3.2.0"
       },
@@ -8804,14 +8804,14 @@
       }
     },
     "node_modules/igniteui-webcomponents-charts": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.2.tgz",
-      "integrity": "sha512-1V/Givkf+S+A10dNO6P0aKM67DI86+1VvudXp4g5oc3L4TIHQ2hoFkiSi05ZN7p+dGwTPZhWr7NEeTpNcXUwOg==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.3-beta.0.tgz",
+      "integrity": "sha512-rS1/WtNSUdZMXOQk26yW6oMkf5bVOc3wYSqK0VsiQJu4vUJj5WiaZWWsHPgsxsJfeYEG5mfROOxryNazCA1NTQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-charts/node_modules/tslib": {
@@ -8820,14 +8820,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-core": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.2.tgz",
-      "integrity": "sha512-EgCG1jMNSSYp8bBmlaxaxVhtQrmYOSrDmZKgcNCYZaQsQpC98TiOFRQyp2KcWViLWYTjX5DZN5YyfjDt96/lDw==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.3-beta.0.tgz",
+      "integrity": "sha512-8WHGu1FzaoDgqLoyWo8DtKKAc6Yq+RLxBu8KKr5NAyheQYH1V4Zviw/sQz/AmIhpMkq+EBIBBvTgAoheZOWjpA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "lit-html": "^2.0.0"
+        "lit-html": "^3.2.0"
       }
     },
     "node_modules/igniteui-webcomponents-core/node_modules/tslib": {
@@ -8836,14 +8836,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-datasources": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.2.tgz",
-      "integrity": "sha512-ox3Ti+WFQSVjX1WK4o/m7HgsWzWETRx+JTDZuRnq/Rh8WqyoSgmCDh907hKhhzp6DsFvKc8TVcdEnMyoz/gGtQ==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.3-beta.0.tgz",
+      "integrity": "sha512-Sq3zDGpbM7wx49GMqf9Yt6QmpuPoqD61W0JoRUhJcHi50UNA2KCbCkAZAfJ2LxXEEBAdr0LuiCLsNBGw8n1RmQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-datasources/node_modules/tslib": {
@@ -8852,16 +8852,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-excel": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.2.tgz",
-      "integrity": "sha512-aBYkK9DAbBWiiSop7xXQzEfAb071lWz3qklBoogyfuQACQf61hFo1Rg3NMdWyt1/zeZXXAop3lwNuaQje9XJVw==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.3-beta.0.tgz",
+      "integrity": "sha512-CP5QnBGuTWrhmwaVgEzYow9xU5cKeEsa0M5jbGOsJVvuzMg9wVomVLn1hZQa5bvOJZCyK2RrXhhMRDkluH/38g==",
       "dependencies": {
         "jszip": "^3.1.5",
         "pako": "^1.0.6",
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-excel/node_modules/tslib": {
@@ -8870,14 +8870,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-gauges": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.2.tgz",
-      "integrity": "sha512-hKe4h8H16lX4qq/9H3YJhrl5uU4KEcm4c2yRBcIkW7rYVtEZilic7YzoKJBoxOsMbJyMYl/dxrR93ci95xq3zg==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.3-beta.0.tgz",
+      "integrity": "sha512-Nx02pjdzkTVByjoY37kzQ7DSt2TNimTE+DDnRx6pmc9dOaly8PTgF+yfjXzVDmgUCermtgk6TdPWJtdbMSoEdQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-gauges/node_modules/tslib": {
@@ -8886,16 +8886,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-grids": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.2.tgz",
-      "integrity": "sha512-G7pfoHT1ysItrF+c3q5tpW+v+QYxw3pLYQD1h/u8ko3hgt+Fl8tKEuRCos23h/VX8+xGJS3jTBXTRuanBAFJTw==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.3-beta.0.tgz",
+      "integrity": "sha512-D19p3pLkdGvzMSfRbQgJQrS4Ui3DF4Pe1VbRnD10O0v6nBqGYml+sxbnR3mkQTLKhpOqPPiXc9WkPZsNqoiccw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2",
-        "igniteui-webcomponents-inputs": "5.0.2",
-        "igniteui-webcomponents-layouts": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0",
+        "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+        "igniteui-webcomponents-layouts": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-grids/node_modules/tslib": {
@@ -8904,14 +8904,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-inputs": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.2.tgz",
-      "integrity": "sha512-TeUIv1IbkUQwUS1fCkTGi/g3vD0z19ML7lxi0RQRwQzJNgt+jEJD/9/2NfCTxE1bUy6ubdyXx4j7OQr3afiTgg==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.3-beta.0.tgz",
+      "integrity": "sha512-aciUOV3GYExvU/8z581tlbKK37pIyUhrvp/O4Qp4DIvsAI1bfi6Vg/pTMe9ayFjfLpc74/3tdAhGXjVjxy9ejQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-inputs/node_modules/tslib": {
@@ -8920,15 +8920,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-layouts": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.2.tgz",
-      "integrity": "sha512-KTKNeTCgjYvYEz1HtpIV++k0CDfvpbIQFYG76s8bErk4D/wrSRjeU2dBA0oFuXrHPocui0XN+KdpcC/aLaepGw==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.3-beta.0.tgz",
+      "integrity": "sha512-md5mRE7vlj1i4+Hkl2fcykJBBPfAmKnpizDiBNDz23BhS1Hj04pcL5B8emnaxk2d6tYe5arkeBvGOi16IZLADg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2",
-        "igniteui-webcomponents-inputs": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0",
+        "igniteui-webcomponents-inputs": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-layouts/node_modules/tslib": {
@@ -8937,15 +8937,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-maps": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.2.tgz",
-      "integrity": "sha512-lg6JJF6xpA678IltQoVdy5iZ2dp2KKjN8OqVktQQdeWc5JZed9QOs8YQN3WpoVCc6PNxoX3/ktFq4bbvkofdxA==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.3-beta.0.tgz",
+      "integrity": "sha512-6yXPg1b4Vy6G3ExJ1+vaN4jTHEsa0vWxph7wnjZDWTD6CL8rohSquSv4joGwS2ZknnhriCGvAyHQ/Bl8ZJJ/jg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.2",
-        "igniteui-webcomponents-core": "5.0.2"
+        "igniteui-webcomponents-charts": "5.0.3-beta.0",
+        "igniteui-webcomponents-core": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-maps/node_modules/tslib": {
@@ -8954,29 +8954,29 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-spreadsheet": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.2.tgz",
-      "integrity": "sha512-pAwNSAqRbi/bE1TvC0W1ImCWT3/jCSlNcs6960jf2nC2OQFMkLBsq9mWQaAYEhhR89shmt/k3j4ux6C0oprGPg==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.3-beta.0.tgz",
+      "integrity": "sha512-ufU/OtAPvi6uZ1tl4X8X4ZEcIztt3L9rZ3bgTzY+J1fh6WrV4D4Nh2IBD14Oa8CSaxcfo/j+SU7FdNFAjNeXbg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.2",
-        "igniteui-webcomponents-excel": "5.0.2"
+        "igniteui-webcomponents-core": "5.0.3-beta.0",
+        "igniteui-webcomponents-excel": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.2.tgz",
-      "integrity": "sha512-z02wy0uhJyonosmdZvHA2yvS+YtgtzdlTVca9YhjHF3PVHrDzSwBOqwK4UM+2/Vul7egAkoUBNXgyZcTypOrqA==",
+      "version": "5.0.3-beta.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.3-beta.0.tgz",
+      "integrity": "sha512-VDNogVI7BDx5QMWbKRS1Jq92k4PjgtW+AXEMMZ/YQjfSEzOqYE89/h3QFlUvyOCMX98Fioch9dKpWIahQt7JQg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.2",
-        "igniteui-webcomponents-core": "5.0.2",
-        "igniteui-webcomponents-excel": "5.0.2",
-        "igniteui-webcomponents-spreadsheet": "5.0.2"
+        "igniteui-webcomponents-charts": "5.0.3-beta.0",
+        "igniteui-webcomponents-core": "5.0.3-beta.0",
+        "igniteui-webcomponents-excel": "5.0.3-beta.0",
+        "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter/node_modules/tslib": {
diff --git a/package.json b/package.json
index 1325f53830..355420064f 100644
--- a/package.json
+++ b/package.json
@@ -42,17 +42,17 @@
     "file-saver": "^2.0.2",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-datasources": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0"
   },
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index 282d90e379..d1899e40bf 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/package.json b/samples/charts/category-chart/area-chart-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-single-source/package.json b/samples/charts/category-chart/area-chart-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/package.json b/samples/charts/category-chart/column-chart-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-single-source/package.json b/samples/charts/category-chart/column-chart-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 1d1902a00b..4ff3f1a8a6 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/package.json b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 89a9ab750c..1fb33dee25 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index 65f98b0da9..e25ddfc3af 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index 1d1902a00b..4ff3f1a8a6 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/package.json b/samples/charts/category-chart/line-chart-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-single-source/package.json b/samples/charts/category-chart/line-chart-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 61d5d7665c..e228d60596 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 282d90e379..d1899e40bf 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index ef4b24da91..e9bb2bd534 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/package.json b/samples/charts/category-chart/point-chart-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-single-source/package.json b/samples/charts/category-chart/point-chart-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/package.json b/samples/charts/category-chart/spline-area-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-single-source/package.json b/samples/charts/category-chart/spline-area-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 571e0b68ba..3dab0218b3 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-multiple-sources/package.json b/samples/charts/category-chart/step-area-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-single-source/package.json b/samples/charts/category-chart/step-area-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-multiple-sources/package.json b/samples/charts/category-chart/step-line-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-single-source/package.json b/samples/charts/category-chart/step-line-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index cc5b855f19..db2abb4cc0 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index cc5b855f19..db2abb4cc0 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index 02d05b327b..d3a3a0f5af 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/package.json b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index 917f49944f..44aab0b16d 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index 8d8d807b10..d1e63bc9ae 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index 8d8d807b10..d1e63bc9ae 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-min-max-gap/package.json b/samples/charts/data-chart/axis-min-max-gap/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index 4a00910a70..d410d6df14 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index 12fd75ae9e..3aaf7cb18d 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index aa2ed5186a..d0df75c680 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/package.json b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-single-source/package.json b/samples/charts/data-chart/bar-chart-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index e2c0bbca98..747f83790f 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 14336e7343..589d23e3bf 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 0e625ff892..7631447cd8 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index 38e889b861..e56e21584d 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index f2883fb376..749ca3bfe1 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 14336e7343..589d23e3bf 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 7b589d12f9..462cda9f5c 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index 67f006614a..bbfefd3db6 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index 7d8184d2bf..393292b0c0 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 7d8184d2bf..393292b0c0 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 7d8184d2bf..393292b0c0 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 7d8184d2bf..393292b0c0 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 7d8184d2bf..393292b0c0 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 ed343c1c63..73c10c727c 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 7d8184d2bf..393292b0c0 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 8e300525d9..66c1c01084 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-area-chart-styling/package.json b/samples/charts/data-chart/polar-area-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index 1cb953f04e..0c158582ab 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-spline-area-chart/package.json b/samples/charts/data-chart/polar-spline-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-area-chart-styling/package.json b/samples/charts/data-chart/radial-area-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index b82abbb428..a6fd19170f 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index d53ae3c969..9b3d2e48f7 100644
--- a/samples/charts/data-chart/series-animations/package.json
+++ b/samples/charts/data-chart/series-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 899ff74195..245c3e8e45 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-error-bars/package.json b/samples/charts/data-chart/series-error-bars/package.json
index bf4ba12246..42ab399e63 100644
--- a/samples/charts/data-chart/series-error-bars/package.json
+++ b/samples/charts/data-chart/series-error-bars/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index b3ddaa52e6..3b13cbfe82 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index b123668035..0965c6d7a3 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 90b0e32300..77f143cc9b 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 0ebe052eeb..0446916fc2 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 150d1b9604..6ed68b1d6a 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index c92028f928..8b89849cbe 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index 6212c313ed..eb7e0a0ef4 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index f7f91cbbaa..4313f8d6f6 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 bdf7f84101..ed3131c30e 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 c930311dda..c4239aaecf 100644
--- a/samples/charts/data-chart/type-financial-indicator-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 b70fbb88c4..666b04639b 100644
--- a/samples/charts/data-chart/type-financial-indicator-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-line/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 00909c7547..87bf90c883 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index 11d39a2289..b779b8bf4e 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index e446e31c3b..5874a0d771 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 c3b0c4db03..af5a8243b8 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 6aff75a456..cba8aacdc0 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index fa6f7b93aa..6bdd2a1817 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 9eed622b30..251b930548 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 728bdda452..8a7c157b7e 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 7a591b3299..f0e8b03c74 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 c4cef10ac5..84c9e5f8e9 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 614fa06bb0..97f66466ef 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 120288643c..835e145027 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 56bf4d0071..633d9111c1 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index 3bc3f5e47a..fc26a70af5 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index 04111087f4..38076bf1d4 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 781735754b..5156d00128 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index be235fd986..f0a8f2caf7 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 74fcd08b38..3a95bcea12 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index dbc6bac6aa..b98093c4ed 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend-styling-props/package.json b/samples/charts/financial-chart/data-legend-styling-props/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 02dec5b3d7..53237dffca 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 01b2e4710d..6f7a7df36d 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index 046d5f3215..93ac23d70e 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index cb5759b3a5..a102f45195 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index 7891088a21..3f0b745612 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 8e49566964..2f5e9f6726 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index f8262a29ab..d847182fad 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index d7c5d38f77..de8911111c 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 3b35782c8d..86857e6f1e 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index 785541ffaf..ff8d3de808 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index 52fb732014..7483bbe292 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index fa1ad19080..472f661b70 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index bbed84dae0..7ea1745476 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 988d472b24..9b904cb357 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index 4aa0644511..c62bd76eaf 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index 39a551bdca..888494e69c 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index 96f7d0e456..355df3bc2a 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index 9cb9916454..c4e00bddcb 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index e3f171b3eb..5dc9de264c 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index edaaf999a7..130ebeed84 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index 5b4eaa8fed..6f36edde9c 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 1315c7090b..8a1edd5bd3 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index bd5623f4c9..a1dd5e86ea 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index b21ea39f9f..4e1d83ec03 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index 3232fcef59..a781416884 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index 005ac6d42f..61fa4f3f96 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index 548d60ddf5..ec509f96bb 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index d7512ed0d4..0e37a9d8cb 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 70b4b4064f..2dcf73057e 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index a26f1504d9..c4b6631ae7 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index 00b460b015..a38d881bb8 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index ebe1e7c5a9..813e3cc00d 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index 63465c04de..4876d9b3cd 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index 8b964c14b8..846067893c 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index d45b8101a2..d6faff3c8a 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index b714ce9130..735ad9ee3c 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index 10a85050e7..729939d8ee 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index ba23b8c3ee..aa1d8bbecd 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index ec97c92251..f1117a1739 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index 12d1a09cdc..c197b470d2 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index baf5f57335..1790f3cf9f 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index f97f7b31b4..217030ca9d 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 3fcc699779..15fba4ba68 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index 7149264158..76e6e5fb6a 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 36e1022c17..8de869918c 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index 35cc3fa5b5..555f008ff4 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index e6ba56f45c..c512bfc5f2 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index 7648f2f2f1..e29390af5d 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 95aee32407..4c34dd076a 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-excel": "5.0.2",
-    "igniteui-webcomponents-spreadsheet": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index 5d15394d1e..53f625df16 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index d77c116f4c..521dd4017c 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 35107cbb2e..2b109d0ff6 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index 12b386e969..eb5bb63e65 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 3f15264150..4df35de231 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index bc87a8a214..a00baac99c 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 6b93672932..9565b3f4e6 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index b803e4931d..80ec193831 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index eabbbe6665..6cf29dc128 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index 555cc1d448..c973d6a103 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index db14fc57c0..8ff1f8096b 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index 6648145f11..887fe799c5 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index e21a1ae4f6..d7756195b2 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index 20218dcd76..538fcede93 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index 8ffc0adc82..6630764544 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index 73f868bc5a..fb58740cc3 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 428218f802..6e7877b7e4 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 6e713572db..70355bd7ba 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index dd81891307..d1fee6f3de 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index 298ecdde4b..a2422bf11d 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index 889dc65322..d1a8963b22 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 9be24317c5..6d7c68115d 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index 742b1ea8ab..722b2a6876 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index 240c4cd403..c66ad8310e 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index a2d6a38edf..80fc780397 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index 8eb4eaf6b0..9c2e530802 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index 7bdac6be9b..cfceae5aef 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index a20d9282ff..19eb71ece4 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index 1b0c60c61b..ce3960a5e5 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index cd0c37724b..58f90b8481 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 2add0c2c73..844c92bf68 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 911232aff1..273c67b002 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 270bbb3651..53de2376e5 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 911232aff1..273c67b002 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index c9332d7f12..bc20620b32 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index 6193fabe94..ce055d1d40 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index a680cf3dcd..ba19b97076 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index d0ee9d89d3..1471fe94cd 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index d5b23e0d3a..96cbfda8fb 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index b6049cc093..6dc4ccd5a2 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index 46b80c1306..bed9833adc 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index b333fe5db2..c989d36341 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index b3275fbea5..227a9afa73 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 8c1abe8ec3..0ce06ddbbe 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 969ad78371..7bea1911cd 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index b5fa2a7a6f..e1fb299b35 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index 9e564c1aa0..c6c763fa5e 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index fee46fe081..e4dcd082c1 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index 452e133877..ac62141270 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -29,11 +29,11 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index 70d8e72c97..674ebb6977 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index 112827405a..cc8aed4ec5 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-datasources": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index 11506e38f3..1fd0ea11f5 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index 47724b772b..a319b775a4 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index b782bcf5fb..1e234994ec 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-datasources": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index 708c2a8b1a..f556ce2b5b 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 2f07eead6b..6fbd6b6068 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 9078868080..62ab25966c 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 9484ed27a9..3e52ece00a 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index d281bcead0..335f7228e9 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index 38c00430a0..d660e7704f 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index 4e0e75358f..3943d22cbb 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index 8489256906..492c52f35f 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index abc0e4184a..5fb048e065 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index 7781592074..f32f8a0613 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -25,10 +25,10 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index e14472cdb9..58d1a8bb6c 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index 5890dda630..5badcc5f49 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index a456a91db5..f9cfa00640 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index a7e3bf62d3..dee95b7be0 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index 4032082225..d13898ef17 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index a97c87ce54..b4af7d2112 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 3f31718446..477dc89ace 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index a25e6b937c..ccba669207 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index 470e2b1ecd..f7ba46940d 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 469fe9b497..6edddf5668 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index cd99a48b09..c52330f9c0 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index 78203355bf..e579497af4 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index 78203355bf..e579497af4 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index 6da5a69d7f..a1e3be2b10 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index de86d6f702..4ad4217089 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index d8150df795..4c767271b4 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index 708c2a8b1a..f556ce2b5b 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index 93f7a54deb..c8eab7b395 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-datasources": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 7df48607a7..27f4a0e8af 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index 6b4f983d5e..a3392054bc 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index ba82810cf4..6be67ae155 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index ba0f151078..9a2c12b060 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/data-grid/type-table/package.json b/samples/grids/data-grid/type-table/package.json
index 47f068f5c8..be748f6038 100644
--- a/samples/grids/data-grid/type-table/package.json
+++ b/samples/grids/data-grid/type-table/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.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/custom-filtering/package.json
+++ b/samples/grids/grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/data-summaries-custom/package.json
+++ b/samples/grids/grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/editing-excel-style-custom/package.json
+++ b/samples/grids/grid/editing-excel-style-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index 88ca5ded9c..125c04c72b 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index 8e3ab9a468..05c158bf91 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "rxjs": "7.8.1",
     "tslib": "^2.0.0"
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "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 e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/grid/toolbar-sample-4/package.json
+++ b/samples/grids/grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/hierarchical-grid/remote-paging-sample/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index b10543244a..194c816724 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/pivot-grid/basic/package.json
+++ b/samples/grids/pivot-grid/basic/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index 5faa9bd163..cea0501702 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index d9b98fc082..b2f62a89fa 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json
index d9b98fc082..b2f62a89fa 100644
--- a/samples/grids/pivot-grid/remote/package.json
+++ b/samples/grids/pivot-grid/remote/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/custom-filtering/package.json
+++ b/samples/grids/tree-grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/data-summaries-custom/package.json
+++ b/samples/grids/tree-grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json
index 88ca5ded9c..125c04c72b 100644
--- a/samples/grids/tree-grid/finjs/package.json
+++ b/samples/grids/tree-grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/load-on-demand/package.json
+++ b/samples/grids/tree-grid/load-on-demand/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 51b19a2a45..59c439beab 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -27,10 +27,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index e35e8a9af2..df2b6d36d4 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index bcf25d6225..8ab82339e8 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
index 7527cf9aa1..746ecab235 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-grids": "5.0.2",
-    "igniteui-webcomponents-inputs": "5.0.2",
-    "igniteui-webcomponents-layouts": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-grids": "5.0.3-beta.0",
+    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
+    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
index 7126dfd886..8d04f9e75b 100644
--- a/samples/layouts/carousel/animations/package.json
+++ b/samples/layouts/carousel/animations/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "lit": "^3.2.1",
-    "lit-html": "^3.2.1",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
index 374834efff..3377b52716 100644
--- a/samples/layouts/carousel/components/package.json
+++ b/samples/layouts/carousel/components/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "lit": "^3.2.1",
-    "lit-html": "^3.2.1",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
index de5b858ccc..8d25558349 100644
--- a/samples/layouts/carousel/overview/package.json
+++ b/samples/layouts/carousel/overview/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "lit": "^3.2.1",
-    "lit-html": "^3.2.1",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
index bbf63a6c5c..5eddc045a1 100644
--- a/samples/layouts/carousel/thumbnail/package.json
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -24,8 +24,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-webcomponents": "5.1.1",
-    "lit": "^3.2.1",
-    "lit-html": "^3.2.1",
+    "lit": "^3.2.0",
+    "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
   },
   "devDependencies": {
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 79769cf173..253db42235 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
index 207ba326e4..160e6b4faa 100644
--- a/samples/layouts/dock-manager/hiding-panes/package.json
+++ b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index beb05593b1..26f7f4786d 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -24,7 +24,7 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index 15822e9c4e..f3017184e2 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -26,7 +26,7 @@
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
     "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.2",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index 6aed074b36..a4f9258eda 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -24,10 +24,10 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-gauges": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 465568b69b..9bf6214d4e 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 22f1538309..61055aeeee 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index 939e0bf42d..2c8d5a63d3 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 20d4e4e526..44ed4db46f 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index e1b374c1a7..fd2918b43f 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index 5585489a22..ba468eb8cc 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index 352f865c30..dbf6d68d67 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 947b057c40..375b29b7ae 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index be0ff82941..9ce8a51c72 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 214d8007c3..0904b25a55 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index 8514fe1673..5e39ca8e5a 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index fb12e43996..a0802f191f 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index c8840f24e8..7891c94753 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index 6bfae4d78f..f1cf1f7a15 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 305224fec7..3c7160d926 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index c1293df4e2..2dbb306fa8 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 152f937fca..6e93d52ff1 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index 3d41ffed13..6fb6286722 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index f663e2a277..b0f9461871 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index d4ed1ba543..ab0688777a 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index da59ac85ac..42626570b1 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 70b6f6ffd6..21cbc7e4a1 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 f5f92a1dcf..19cd144818 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 d7c570bfb1..63711e20dc 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 12c19b9253..2761221810 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 e62c5f4c2f..332c89ff33 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 e9e36aa46a..8fa89c0542 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
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 880a8a7e40..3e2d53a663 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.2",
-    "igniteui-webcomponents-core": "5.0.2",
-    "igniteui-webcomponents-maps": "5.0.2",
+    "igniteui-webcomponents-charts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-maps": "5.0.3-beta.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },

From f3fa754acf2000dd3fbd33527b8bac84950ba0d4 Mon Sep 17 00:00:00 2001
From: Borislav Traykov <borislav.traikov@gmail.com>
Date: Tue, 12 Nov 2024 16:41:02 +0200
Subject: [PATCH 18/25] Re-instate steps for Licensed packages & use npm
 install

npm install instead of npm ci - due to some package balagans
---
 azure-pipelines/build-pipeline.yml | 66 +++++++++++++++---------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/azure-pipelines/build-pipeline.yml b/azure-pipelines/build-pipeline.yml
index 2c50f280e7..a52d8cb6ff 100644
--- a/azure-pipelines/build-pipeline.yml
+++ b/azure-pipelines/build-pipeline.yml
@@ -46,45 +46,45 @@ stages:
           customEndpoint: 'public proget'
 
       - task: Npm@1
-        displayName: 'npm ci --legacy-peer-deps'
+        displayName: 'npm install --legacy-peer-deps'
         inputs:
           command: custom
           workingDir: '$(Build.SourcesDirectory)'
-          customCommand: 'ci --legacy-peer-deps'
+          customCommand: 'install --legacy-peer-deps'
           customEndpoint: 'public proget'
       
-      # - task: Npm@1
-      #   displayName: 'Register licensed npm registry in .npmrc'
-      #   inputs:
-      #     command: 'custom'
-      #     workingDir: '$(Build.SourcesDirectory)'
-      #     customCommand: 'config -L project set @infragistics:registry=http://proget.infragistics.local:81/npm/IgniteUILicensed/'
-      #     customEndpoint: 'internal licensed proget'
+      - task: Npm@1
+        displayName: 'Register licensed npm registry in .npmrc'
+        inputs:
+          command: 'custom'
+          workingDir: '$(Build.SourcesDirectory)'
+          customCommand: 'config -L project set @infragistics:registry=http://proget.infragistics.local:81/npm/IgniteUILicensed/'
+          customEndpoint: 'internal licensed proget'
 
-      # - task: PowerShell@2
-      #   displayName: 'Uninstall all IG trial packages & re-install their licensed variations'
-      #   inputs:
-      #     failOnStderr: true
-      #     showWarnings: true
-      #     workingDirectory: '$(Build.SourcesDirectory)'
-      #     targetType: 'inline'
-      #     script: |
-      #       Get-Content -Path .\.npmrc
-      #       $packageJson = Get-Content -Raw .\package.json | ConvertFrom-Json
-      #       $npmUninstallPackages = "npm uninstall --save "
-      #       $npmInstallPackages = "npm install --legacy-peer-deps "
-      #       $packageJson.dependencies.PSObject.Properties | `
-      #           Where-Object {
-      #               $_.Name.StartsWith("igniteui-webcomponents-") -or $_.Name.StartsWith("igniteui-dockmanager") `
-      #           } | `
-      #           ForEach-Object { `
-      #               $npmUninstallPackages += $_.Name + " "
-      #               $npmInstallPackages += "@infragistics/" + $_.Name + "@" + $_.Value + " "
-      #           }
-      #       Write-Host $npmUninstallPackages
-      #       Write-Host $npmInstallPackages
-      #       Invoke-Expression -Command “$npmUninstallPackages”
-      #       Invoke-Expression -Command “$npmInstallPackages”
+      - task: PowerShell@2
+        displayName: 'Uninstall all IG trial packages & re-install their licensed variations'
+        inputs:
+          failOnStderr: true
+          showWarnings: true
+          workingDirectory: '$(Build.SourcesDirectory)'
+          targetType: 'inline'
+          script: |
+            Get-Content -Path .\.npmrc
+            $packageJson = Get-Content -Raw .\package.json | ConvertFrom-Json
+            $npmUninstallPackages = "npm uninstall --save "
+            $npmInstallPackages = "npm install --legacy-peer-deps "
+            $packageJson.dependencies.PSObject.Properties | `
+                Where-Object {
+                    $_.Name.StartsWith("igniteui-webcomponents-") -or $_.Name.StartsWith("igniteui-dockmanager") `
+                } | `
+                ForEach-Object { `
+                    $npmUninstallPackages += $_.Name + " "
+                    $npmInstallPackages += "@infragistics/" + $_.Name + "@" + $_.Value + " "
+                }
+            Write-Host $npmUninstallPackages
+            Write-Host $npmInstallPackages
+            Invoke-Expression -Command “$npmUninstallPackages”
+            Invoke-Expression -Command “$npmInstallPackages”
 
       - task: Npm@1
         displayName: 'npm run build'

From 882d179a0fa3da17cd75068ac046067904a8e3ac Mon Sep 17 00:00:00 2001
From: Borislav Traykov <borislav.traikov@gmail.com>
Date: Tue, 12 Nov 2024 18:33:57 +0200
Subject: [PATCH 19/25] Re-instate licensed packages & use node 18 (#866)

---
 azure-pipelines/build-pipeline.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/azure-pipelines/build-pipeline.yml b/azure-pipelines/build-pipeline.yml
index a52d8cb6ff..f1880bacaf 100644
--- a/azure-pipelines/build-pipeline.yml
+++ b/azure-pipelines/build-pipeline.yml
@@ -35,7 +35,7 @@ stages:
         displayName: 'Install Node'
         inputs:
           versionSource: 'spec'
-          versionSpec: '16.x'
+          versionSpec: '18.x'
 
       - task: Npm@1
         displayName: 'Register licensed npm registry in .npmrc'
@@ -58,7 +58,7 @@ stages:
         inputs:
           command: 'custom'
           workingDir: '$(Build.SourcesDirectory)'
-          customCommand: 'config -L project set @infragistics:registry=http://proget.infragistics.local:81/npm/IgniteUILicensed/'
+          customCommand: 'config -L project set @infragistics:registry=https://packages.infragistics.com/npm/js-licensed/'
           customEndpoint: 'internal licensed proget'
 
       - task: PowerShell@2

From 831387d3ca54b228034c858392a062a669d3e01c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 14 Nov 2024 08:12:05 +0000
Subject: [PATCH 20/25] chore(deps): bump follow-redirects from 1.15.4 to
 1.15.9

Bumps [follow-redirects](https://github.com/follow-redirects/follow-redirects) from 1.15.4 to 1.15.9.
- [Release notes](https://github.com/follow-redirects/follow-redirects/releases)
- [Commits](https://github.com/follow-redirects/follow-redirects/compare/v1.15.4...v1.15.9)

---
updated-dependencies:
- dependency-name: follow-redirects
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d2cd114a9f..bde070b6a5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7318,9 +7318,9 @@
       }
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.4",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.4.tgz",
-      "integrity": "sha512-Cr4D/5wlrb0z9dgERpUL3LrmPKVDsETIJhaCMeDfuFYcqa5bldGV6wBsAN6X/vxlXQtFBMrXdXxdL8CbDTGniw==",
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
       "dev": true,
       "funding": [
         {

From 77eb9a6d9af9bbdb36a70a7d033236b9a3650ea0 Mon Sep 17 00:00:00 2001
From: "azure-pipelines[bot]"
 <36771401+azure-pipelines[bot]@users.noreply.github.com>
Date: Thu, 14 Nov 2024 14:56:47 +0200
Subject: [PATCH 21/25] Adding changes from build
 igniteui-xplat-examples-output+PRs_2024.11.14.1 (#873)

---
 .../annotations-all/package.json              |   2 +-
 .../annotations-callouts/package.json         |   2 +-
 .../annotations-crosshairs/package.json       |   2 +-
 .../annotations-custom/package.json           |   2 +-
 .../annotations-final-value/package.json      |   2 +-
 .../annotations-highlighting/package.json     |   2 +-
 .../category-chart/axis-gap/package.json      |   2 +-
 .../axis-gridlines/package.json               |   2 +-
 .../category-chart/axis-inverted/package.json |   2 +-
 .../category-chart/axis-labels/package.json   |   2 +-
 .../axis-locations/package.json               |   2 +-
 .../category-chart/axis-overlap/package.json  |   2 +-
 .../category-chart/axis-range/package.json    |   2 +-
 .../axis-tickmarks/package.json               |   2 +-
 .../chart-highlight-filter/package.json       |   2 +-
 .../column-chart-with-tooltips/package.json   |   2 +-
 .../data-aggregations/package.json            |   2 +-
 .../category-chart/data-filter/package.json   |   2 +-
 .../data-tooltip-positioning/package.json     |   2 +-
 .../highlighting-behavior/package.json        |   2 +-
 .../highlighting-mode/package.json            |   2 +-
 .../marker-options/package.json               |   2 +-
 .../selection-multiple-modes/package.json     |   2 +-
 .../category-chart/value-lines/package.json   |   2 +-
 .../axis-label-rotation/package.json          |   2 +-
 .../package.json                              |   2 +-
 .../package.json                              |   2 +-
 .../chart-highlight-filter/package.json       |   2 +-
 .../data-chart/radial-label-mode/package.json |   2 +-
 .../data-chart/transition-event/package.json  |   2 +-
 .../data-pie-chart/animation/package.json     |   2 +-
 .../data-pie-chart/highlighting/package.json  |   2 +-
 .../charts/data-pie-chart/others/package.json |   2 +-
 .../data-pie-chart/selection/package.json     |   2 +-
 samples/charts/sparkline/markers/package.json |   2 +-
 .../sparkline/normal-range/package.json       |   2 +-
 .../charts/sparkline/trendlines/package.json  |   2 +-
 .../sparkline/unknown-values/package.json     |   2 +-
 samples/charts/toolbar/theming/package.json   |   2 +-
 .../charts/tree-map/highlighting/package.json |   2 +-
 samples/charts/tree-map/layout/package.json   |   2 +-
 .../grids/grid/action-strip/src/NwindData.ts  | 550 ------------------
 .../src/NwindData.ts                          | 550 ------------------
 .../advanced-filtering-style/src/NwindData.ts | 550 ------------------
 .../grid/binding-composite-data/package.json  |   2 +-
 .../grid/binding-nested-data-1/package.json   |   2 +-
 .../grids/grid/cascading-combo/package.json   |   2 +-
 .../grid/cell-editing-sample/package.json     |   2 +-
 .../cell-editing-styling/src/NwindData.ts     | 550 ------------------
 .../grid/cell-selection-mode/package.json     |   2 +-
 .../grid/cell-selection-mode/src/NwindData.ts | 550 ------------------
 .../grid/column-moving-options/package.json   |   2 +-
 .../grid/column-moving-styles/package.json    |   2 +-
 .../column-pinning-right-side/package.json    |   2 +-
 .../grid/column-selection-mode/package.json   |   2 +-
 .../grid/column-sorting-options/package.json  |   2 +-
 .../data-batch-editing-actions/package.json   |   2 +-
 .../src/NwindData.ts                          | 550 ------------------
 .../package.json                              |   2 +-
 .../data-summary-formatter/src/NwindData.ts   | 550 ------------------
 .../data-summary-options/src/NwindData.ts     | 550 ------------------
 .../grid/data-summary-template/package.json   |   2 +-
 .../data-summary-template/src/NwindData.ts    | 550 ------------------
 .../data-validation-style/src/NwindData.ts    | 550 ------------------
 .../src/NwindData.ts                          | 550 ------------------
 .../package.json                              |   2 +-
 .../src/NwindData.ts                          | 550 ------------------
 .../grid/data-validator-service/package.json  |   2 +-
 .../grid/editing-columns/src/NwindData.ts     | 550 ------------------
 .../grid/editing-events/src/NwindData.ts      | 550 ------------------
 .../grid/editing-excel-style/src/NwindData.ts | 550 ------------------
 .../grid/editing-lifecycle/src/NwindData.ts   | 550 ------------------
 .../package.json                              |   2 +-
 .../src/NwindData.ts                          | 550 ------------------
 .../src/NwindData.ts                          | 550 ------------------
 .../src/NwindData.ts                          | 550 ------------------
 .../src/NwindData.ts                          | 550 ------------------
 .../src/NwindData.ts                          | 550 ------------------
 .../grid/filtering-options/src/NwindData.ts   | 550 ------------------
 .../grid/filtering-strategy/src/NwindData.ts  | 550 ------------------
 .../grids/grid/filtering-style/package.json   |   2 +-
 .../grid/filtering-style/src/NwindData.ts     | 550 ------------------
 .../grid/groupby-summary-options/package.json |   2 +-
 .../grid/groupby-summary-styling/package.json |   2 +-
 .../src/NwindData.ts                          | 550 ------------------
 .../grid/layout-display-density/package.json  |   2 +-
 .../package.json                              |   2 +-
 samples/grids/grid/overview/src/NwindData.ts  | 550 ------------------
 samples/grids/grid/paste/package.json         |   2 +-
 .../grid/remote-paging-data/src/NwindData.ts  | 550 ------------------
 .../grids/grid/row-adding/src/NwindData.ts    | 550 ------------------
 .../grids/grid/row-classes/src/NwindData.ts   | 550 ------------------
 .../grid/row-editing-options/src/NwindData.ts | 550 ------------------
 .../grid/row-editing-style/src/NwindData.ts   | 550 ------------------
 .../grid/row-editing-style/src/index.css      |   7 +-
 .../grids/grid/row-paging-basic/package.json  |   2 +-
 .../grid/row-paging-options/package.json      |   2 +-
 .../grid/row-pinning-options/package.json     |   2 +-
 .../grid/row-selection-mode/package.json      |   2 +-
 .../package.json                              |   2 +-
 samples/grids/grid/row-styles/package.json    |   2 +-
 .../cell-editing-sample/package.json          |   2 +-
 .../cell-editing-styling/src/NwindData.ts     | 550 ------------------
 .../cell-selection-mode/package.json          |   2 +-
 .../cell-selection-overview/package.json      |   2 +-
 .../cell-selection-style/package.json         |   2 +-
 .../column-selection-mode/package.json        |   2 +-
 .../data-summary-template/package.json        |   2 +-
 .../editing-columns/src/NwindData.ts          | 550 ------------------
 .../editing-events/src/NwindData.ts           | 550 ------------------
 .../layout-display-density/package.json       |   2 +-
 .../package.json                              |   2 +-
 .../row-pinning-extra-column/package.json     |   2 +-
 .../row-pinning-options/package.json          |   2 +-
 .../row-selection-mode/package.json           |   2 +-
 .../package.json                              |   2 +-
 .../cell-editing-sample/package.json          |   2 +-
 .../cell-editing-sample/src/index.ts          |   3 +-
 .../cell-selection-mode/package.json          |   2 +-
 .../column-selection-mode/package.json        |   2 +-
 .../column-sorting-options/package.json       |   2 +-
 .../data-summary-children/package.json        |   2 +-
 .../data-summary-template/package.json        |   2 +-
 .../package.json                              |   2 +-
 .../layout-display-density/package.json       |   2 +-
 .../package.json                              |   2 +-
 .../tree-grid/row-editing-style/src/index.css |   7 +-
 .../tree-grid/row-paging-options/package.json |   2 +-
 .../row-pinning-options/package.json          |   2 +-
 .../tree-grid/row-selection-mode/package.json |   2 +-
 .../tree-grid/toolbar-sample-1/package.json   |   2 +-
 .../tree-grid/toolbar-sample-3/package.json   |   2 +-
 .../tree-grid/toolbar-style/package.json      |   2 +-
 133 files changed, 108 insertions(+), 18801 deletions(-)
 delete mode 100644 samples/grids/grid/action-strip/src/NwindData.ts
 delete mode 100644 samples/grids/grid/advanced-filtering-options/src/NwindData.ts
 delete mode 100644 samples/grids/grid/advanced-filtering-style/src/NwindData.ts
 delete mode 100644 samples/grids/grid/cell-editing-styling/src/NwindData.ts
 delete mode 100644 samples/grids/grid/cell-selection-mode/src/NwindData.ts
 delete mode 100644 samples/grids/grid/data-batch-editing-actions/src/NwindData.ts
 delete mode 100644 samples/grids/grid/data-summary-formatter/src/NwindData.ts
 delete mode 100644 samples/grids/grid/data-summary-options/src/NwindData.ts
 delete mode 100644 samples/grids/grid/data-summary-template/src/NwindData.ts
 delete mode 100644 samples/grids/grid/data-validation-style/src/NwindData.ts
 delete mode 100644 samples/grids/grid/data-validator-service-cross-field/src/NwindData.ts
 delete mode 100644 samples/grids/grid/data-validator-service-extended/src/NwindData.ts
 delete mode 100644 samples/grids/grid/editing-columns/src/NwindData.ts
 delete mode 100644 samples/grids/grid/editing-events/src/NwindData.ts
 delete mode 100644 samples/grids/grid/editing-excel-style/src/NwindData.ts
 delete mode 100644 samples/grids/grid/editing-lifecycle/src/NwindData.ts
 delete mode 100644 samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.ts
 delete mode 100644 samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.ts
 delete mode 100644 samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.ts
 delete mode 100644 samples/grids/grid/excel-style-filtering-style/src/NwindData.ts
 delete mode 100644 samples/grids/grid/external-advanced-filtering/src/NwindData.ts
 delete mode 100644 samples/grids/grid/filtering-options/src/NwindData.ts
 delete mode 100644 samples/grids/grid/filtering-strategy/src/NwindData.ts
 delete mode 100644 samples/grids/grid/filtering-style/src/NwindData.ts
 delete mode 100644 samples/grids/grid/keyboard-custom-navigation/src/NwindData.ts
 delete mode 100644 samples/grids/grid/overview/src/NwindData.ts
 delete mode 100644 samples/grids/grid/remote-paging-data/src/NwindData.ts
 delete mode 100644 samples/grids/grid/row-adding/src/NwindData.ts
 delete mode 100644 samples/grids/grid/row-classes/src/NwindData.ts
 delete mode 100644 samples/grids/grid/row-editing-options/src/NwindData.ts
 delete mode 100644 samples/grids/grid/row-editing-style/src/NwindData.ts
 delete mode 100644 samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.ts
 delete mode 100644 samples/grids/hierarchical-grid/editing-columns/src/NwindData.ts
 delete mode 100644 samples/grids/hierarchical-grid/editing-events/src/NwindData.ts

diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 8a1edd5bd3..3265726c77 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-charts": "5.0.3-beta.0",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/action-strip/src/NwindData.ts b/samples/grids/grid/action-strip/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/action-strip/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/advanced-filtering-options/src/NwindData.ts b/samples/grids/grid/advanced-filtering-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/advanced-filtering-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/advanced-filtering-style/src/NwindData.ts b/samples/grids/grid/advanced-filtering-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/advanced-filtering-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/cell-editing-styling/src/NwindData.ts b/samples/grids/grid/cell-editing-styling/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/cell-editing-styling/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/cell-selection-mode/src/NwindData.ts b/samples/grids/grid/cell-selection-mode/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/cell-selection-mode/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/data-batch-editing-actions/src/NwindData.ts b/samples/grids/grid/data-batch-editing-actions/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-batch-editing-actions/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/data-summary-formatter/src/NwindData.ts b/samples/grids/grid/data-summary-formatter/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-summary-formatter/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-summary-options/src/NwindData.ts b/samples/grids/grid/data-summary-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-summary-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/data-summary-template/src/NwindData.ts b/samples/grids/grid/data-summary-template/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-summary-template/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validation-style/src/NwindData.ts b/samples/grids/grid/data-validation-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-validation-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validator-service-cross-field/src/NwindData.ts b/samples/grids/grid/data-validator-service-cross-field/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-validator-service-cross-field/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/data-validator-service-extended/src/NwindData.ts b/samples/grids/grid/data-validator-service-extended/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/data-validator-service-extended/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/editing-columns/src/NwindData.ts b/samples/grids/grid/editing-columns/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-columns/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/editing-events/src/NwindData.ts b/samples/grids/grid/editing-events/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-events/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/editing-excel-style/src/NwindData.ts b/samples/grids/grid/editing-excel-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-excel-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/editing-lifecycle/src/NwindData.ts b/samples/grids/grid/editing-lifecycle/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/editing-lifecycle/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-sample-1/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-sample-2/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-sample-3/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/excel-style-filtering-style/src/NwindData.ts b/samples/grids/grid/excel-style-filtering-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/excel-style-filtering-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/external-advanced-filtering/src/NwindData.ts b/samples/grids/grid/external-advanced-filtering/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/external-advanced-filtering/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/filtering-options/src/NwindData.ts b/samples/grids/grid/filtering-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/filtering-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/filtering-strategy/src/NwindData.ts b/samples/grids/grid/filtering-strategy/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/filtering-strategy/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/filtering-style/src/NwindData.ts b/samples/grids/grid/filtering-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/filtering-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/keyboard-custom-navigation/src/NwindData.ts b/samples/grids/grid/keyboard-custom-navigation/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/keyboard-custom-navigation/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/overview/src/NwindData.ts b/samples/grids/grid/overview/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/overview/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/remote-paging-data/src/NwindData.ts b/samples/grids/grid/remote-paging-data/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/remote-paging-data/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-adding/src/NwindData.ts b/samples/grids/grid/row-adding/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-adding/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-classes/src/NwindData.ts b/samples/grids/grid/row-classes/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-classes/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-editing-options/src/NwindData.ts b/samples/grids/grid/row-editing-options/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-editing-options/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-editing-style/src/NwindData.ts b/samples/grids/grid/row-editing-style/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/grid/row-editing-style/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/grid/row-editing-style/src/index.css b/samples/grids/grid/row-editing-style/src/index.css
index a9393efcbb..cc7b8709b5 100644
--- a/samples/grids/grid/row-editing-style/src/index.css
+++ b/samples/grids/grid/row-editing-style/src/index.css
@@ -2,7 +2,10 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 #grid {
-    --ig-banner-banner-background: #e3e3e3;
-    --ig-banner-banner-message-color: #423589;
+    --ig-banner-banner-background: #292826;
+    --ig-banner-banner-message-color: #ffcd0f;
+    --ig-button-foreground: #ffcd0f;
+    --ig-button-hover-foreground: white;
+    --ig-button-font-weight: 600;
 }
 
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.ts b/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/hierarchical-grid/cell-editing-styling/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/editing-columns/src/NwindData.ts b/samples/grids/hierarchical-grid/editing-columns/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/hierarchical-grid/editing-columns/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/hierarchical-grid/editing-events/src/NwindData.ts b/samples/grids/hierarchical-grid/editing-events/src/NwindData.ts
deleted file mode 100644
index f59afd0b79..0000000000
--- a/samples/grids/hierarchical-grid/editing-events/src/NwindData.ts
+++ /dev/null
@@ -1,550 +0,0 @@
-export class NwindDataItem {
-    public constructor(init: Partial<NwindDataItem>) {
-        Object.assign(this, init);
-    }
-
-    public ProductID: number;
-    public ProductName: string;
-    public SupplierID: number;
-    public CategoryID: number;
-    public QuantityPerUnit: string;
-    public UnitPrice: number;
-    public UnitsInStock: number;
-    public UnitsOnOrder: number;
-    public ReorderLevel: number;
-    public Discontinued: boolean;
-    public OrderDate: string;
-    public Rating: number;
-    public Locations: NwindDataItem_LocationsItem[];
-
-}
-export class NwindDataItem_LocationsItem {
-    public constructor(init: Partial<NwindDataItem_LocationsItem>) {
-        Object.assign(this, init);
-    }
-
-    public Shop: string;
-    public LastInventory: string;
-
-}
-export class NwindData extends Array<NwindDataItem> {
-    public constructor(items: Array<NwindDataItem> | number = -1) {
-        if (Array.isArray(items)) {
-            super(...items);
-        } else {
-            const newItems = [
-                new NwindDataItem(
-                {
-                    ProductID: 1,
-                    ProductName: `Chai`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `10 boxes x 20 bags`,
-                    UnitPrice: 18,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2012-02-12`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 2,
-                    ProductName: `Chang`,
-                    SupplierID: 1,
-                    CategoryID: 1,
-                    QuantityPerUnit: `24 - 12 oz bottles`,
-                    UnitPrice: 19,
-                    UnitsInStock: 17,
-                    UnitsOnOrder: 40,
-                    ReorderLevel: 25,
-                    Discontinued: true,
-                    OrderDate: `2003-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 3,
-                    ProductName: `Aniseed Syrup`,
-                    SupplierID: 1,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 550 ml bottles`,
-                    UnitPrice: 10,
-                    UnitsInStock: 13,
-                    UnitsOnOrder: 70,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2006-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 4,
-                    ProductName: `Chef Antons Cajun Seasoning`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `48 - 6 oz jars`,
-                    UnitPrice: 22,
-                    UnitsInStock: 53,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2016-03-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 5,
-                    ProductName: `Chef Antons Gumbo Mix`,
-                    SupplierID: 2,
-                    CategoryID: 2,
-                    QuantityPerUnit: `36 boxes`,
-                    UnitPrice: 21.35,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2011-11-11`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 6,
-                    ProductName: `Grandmas Boysenberry Spread`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 8 oz jars`,
-                    UnitPrice: 25,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 25,
-                    Discontinued: false,
-                    OrderDate: `2017-12-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 7,
-                    ProductName: `Uncle Bobs Organic Dried Pears`,
-                    SupplierID: 3,
-                    CategoryID: 7,
-                    QuantityPerUnit: `12 - 1 lb pkgs.`,
-                    UnitPrice: 30,
-                    UnitsInStock: 150,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2016-07-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 8,
-                    ProductName: `Northwoods Cranberry Sauce`,
-                    SupplierID: 3,
-                    CategoryID: 2,
-                    QuantityPerUnit: `12 - 12 oz jars`,
-                    UnitPrice: 40,
-                    UnitsInStock: 6,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2018-01-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 9,
-                    ProductName: `Mishi Kobe Niku`,
-                    SupplierID: 4,
-                    CategoryID: 6,
-                    QuantityPerUnit: `18 - 500 g pkgs.`,
-                    UnitPrice: 97,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2010-02-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 10,
-                    ProductName: `Ikura`,
-                    SupplierID: 4,
-                    CategoryID: 8,
-                    QuantityPerUnit: `12 - 200 ml jars`,
-                    UnitPrice: 31,
-                    UnitsInStock: 31,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2008-05-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 11,
-                    ProductName: `Queso Cabrales`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `1 kg pkg.`,
-                    UnitPrice: 21,
-                    UnitsInStock: 22,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 30,
-                    Discontinued: false,
-                    OrderDate: `2009-01-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Fun-Tasty Co.`,
-                            LastInventory: `2018-06-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 12,
-                    ProductName: `Queso Manchego La Pastora`,
-                    SupplierID: 5,
-                    CategoryID: 4,
-                    QuantityPerUnit: `10 - 500 g pkgs.`,
-                    UnitPrice: 38,
-                    UnitsInStock: 86,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2015-11-17`,
-                    Rating: 3,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 13,
-                    ProductName: `Konbu`,
-                    SupplierID: 6,
-                    CategoryID: 8,
-                    QuantityPerUnit: `2 kg box`,
-                    UnitPrice: 6,
-                    UnitsInStock: 24,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2015-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 14,
-                    ProductName: `Tofu`,
-                    SupplierID: 6,
-                    CategoryID: 7,
-                    QuantityPerUnit: `40 - 100 g pkgs.`,
-                    UnitPrice: 23.25,
-                    UnitsInStock: 35,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2017-06-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 15,
-                    ProductName: `Genen Shouyu`,
-                    SupplierID: 6,
-                    CategoryID: 2,
-                    QuantityPerUnit: `24 - 250 ml bottles`,
-                    UnitPrice: 15.5,
-                    UnitsInStock: 39,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2014-03-17`,
-                    Rating: 4,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Wall Market`,
-                            LastInventory: `2018-12-06`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 16,
-                    ProductName: `Pavlova`,
-                    SupplierID: 7,
-                    CategoryID: 3,
-                    QuantityPerUnit: `32 - 500 g boxes`,
-                    UnitPrice: 17.45,
-                    UnitsInStock: 29,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 10,
-                    Discontinued: false,
-                    OrderDate: `2018-03-28`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Street Market`,
-                            LastInventory: `2018-12-12`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 17,
-                    ProductName: `Alice Mutton`,
-                    SupplierID: 7,
-                    CategoryID: 6,
-                    QuantityPerUnit: `20 - 1 kg tins`,
-                    UnitPrice: 39,
-                    UnitsInStock: 0,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: true,
-                    OrderDate: `2015-08-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Farmer Market`,
-                            LastInventory: `2018-04-04`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 18,
-                    ProductName: `Carnarvon Tigers`,
-                    SupplierID: 7,
-                    CategoryID: 8,
-                    QuantityPerUnit: `16 kg pkg.`,
-                    UnitPrice: 62.5,
-                    UnitsInStock: 42,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-09-27`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `24/7 Market`,
-                            LastInventory: `2018-11-11`
-                        }),
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 19,
-                    ProductName: `Teatime Chocolate Biscuits`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: ``,
-                    UnitPrice: 9.2,
-                    UnitsInStock: 25,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 5,
-                    Discontinued: false,
-                    OrderDate: `2001-03-17`,
-                    Rating: 2,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Local Market`,
-                            LastInventory: `2018-07-03`
-                        })]
-
-                }),
-                new NwindDataItem(
-                {
-                    ProductID: 20,
-                    ProductName: `Sir Rodneys Marmalade`,
-                    SupplierID: 8,
-                    CategoryID: 3,
-                    QuantityPerUnit: `4 - 100 ml jars`,
-                    UnitPrice: 4.5,
-                    UnitsInStock: 40,
-                    UnitsOnOrder: 30,
-                    ReorderLevel: 0,
-                    Discontinued: false,
-                    OrderDate: `2005-03-17`,
-                    Rating: 5,
-                    Locations: [
-                        new NwindDataItem_LocationsItem(
-                        {
-                            Shop: `Super Market`,
-                            LastInventory: `2018-09-09`
-                        })]
-
-                }),
-            ];
-            super(...newItems.slice(0));
-        }
-    }
-}
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/cell-editing-sample/src/index.ts b/samples/grids/tree-grid/cell-editing-sample/src/index.ts
index e5e2a82c05..241e650bc3 100644
--- a/samples/grids/tree-grid/cell-editing-sample/src/index.ts
+++ b/samples/grids/tree-grid/cell-editing-sample/src/index.ts
@@ -59,7 +59,8 @@ export class Sample {
     public webTreeGridCellEditCellTemplate = (ctx: IgcCellTemplateContext) => {
         let cellValues: any = [];
         let uniqueValues: any = [];
-        for(const i of (this.roleplayTreeGridData as any)){
+        let roleplayData = this.roleplayTreeGridData
+        for (const i of (roleplayData as any)){
             const field: string = ctx.cell.column.field;
             if(uniqueValues.indexOf(i[field]) === -1 )
             {
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/row-editing-style/src/index.css b/samples/grids/tree-grid/row-editing-style/src/index.css
index a9393efcbb..cc7b8709b5 100644
--- a/samples/grids/tree-grid/row-editing-style/src/index.css
+++ b/samples/grids/tree-grid/row-editing-style/src/index.css
@@ -2,7 +2,10 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 #grid {
-    --ig-banner-banner-background: #e3e3e3;
-    --ig-banner-banner-message-color: #423589;
+    --ig-banner-banner-background: #292826;
+    --ig-banner-banner-message-color: #ffcd0f;
+    --ig-button-foreground: #ffcd0f;
+    --ig-button-hover-foreground: white;
+    --ig-button-font-weight: 600;
 }
 
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 8ab82339e8..5ea7de964d 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "igniteui-webcomponents-core": "5.0.3-beta.0",
     "igniteui-webcomponents-grids": "5.0.3-beta.0",
     "igniteui-webcomponents-inputs": "5.0.3-beta.0",

From 18f0d17adb87e1f590da914eb94dfb6d07ed6103 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 15 Nov 2024 07:57:27 +0000
Subject: [PATCH 22/25] chore(deps-dev): bump express from 4.18.2 to 4.21.1

Bumps [express](https://github.com/expressjs/express) from 4.18.2 to 4.21.1.
- [Release notes](https://github.com/expressjs/express/releases)
- [Changelog](https://github.com/expressjs/express/blob/4.21.1/History.md)
- [Commits](https://github.com/expressjs/express/compare/4.18.2...4.21.1)

---
updated-dependencies:
- dependency-name: express
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 252 +++++++++++++++++++++++++---------------------
 1 file changed, 138 insertions(+), 114 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index bde070b6a5..836d849d9b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4202,9 +4202,9 @@
       "integrity": "sha512-/SLWbEzMoVIMZACCyhD/4Ya2M1PWP1qMKuiymowPcI+PdWDARqeARBjhj73kbUBCxEmTZCUu5TAqxtwUO9C1Ig=="
     },
     "node_modules/body-parser": {
-      "version": "1.20.2",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
-      "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
       "dev": true,
       "dependencies": {
         "bytes": "3.1.2",
@@ -4215,7 +4215,7 @@
         "http-errors": "2.0.0",
         "iconv-lite": "0.4.24",
         "on-finished": "2.4.1",
-        "qs": "6.11.0",
+        "qs": "6.13.0",
         "raw-body": "2.5.2",
         "type-is": "~1.6.18",
         "unpipe": "1.0.0"
@@ -4367,14 +4367,19 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
-      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
       "dev": true,
       "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.1",
-        "set-function-length": "^1.1.1"
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -5476,17 +5481,20 @@
       }
     },
     "node_modules/define-data-property": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
-      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.1",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/define-lazy-prop": {
@@ -6014,6 +6022,27 @@
         "is-arrayish": "^0.2.1"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/es-module-lexer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
@@ -6521,37 +6550,37 @@
       }
     },
     "node_modules/express": {
-      "version": "4.18.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
-      "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+      "version": "4.21.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
+      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
       "dev": true,
       "dependencies": {
         "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
-        "body-parser": "1.20.1",
+        "body-parser": "1.20.3",
         "content-disposition": "0.5.4",
         "content-type": "~1.0.4",
-        "cookie": "0.5.0",
+        "cookie": "0.7.1",
         "cookie-signature": "1.0.6",
         "debug": "2.6.9",
         "depd": "2.0.0",
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "etag": "~1.8.1",
-        "finalhandler": "1.2.0",
+        "finalhandler": "1.3.1",
         "fresh": "0.5.2",
         "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.1",
+        "merge-descriptors": "1.0.3",
         "methods": "~1.1.2",
         "on-finished": "2.4.1",
         "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.7",
+        "path-to-regexp": "0.1.10",
         "proxy-addr": "~2.0.7",
-        "qs": "6.11.0",
+        "qs": "6.13.0",
         "range-parser": "~1.2.1",
         "safe-buffer": "5.2.1",
-        "send": "0.18.0",
-        "serve-static": "1.15.0",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
         "setprototypeof": "1.2.0",
         "statuses": "2.0.1",
         "type-is": "~1.6.18",
@@ -6562,34 +6591,10 @@
         "node": ">= 0.10.0"
       }
     },
-    "node_modules/express/node_modules/body-parser": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
-      "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
-      "dev": true,
-      "dependencies": {
-        "bytes": "3.1.2",
-        "content-type": "~1.0.4",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "on-finished": "2.4.1",
-        "qs": "6.11.0",
-        "raw-body": "2.5.1",
-        "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
     "node_modules/express/node_modules/cookie": {
-      "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
-      "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
       "dev": true,
       "engines": {
         "node": ">= 0.6"
@@ -6604,14 +6609,23 @@
         "ms": "2.0.0"
       }
     },
+    "node_modules/express/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/express/node_modules/finalhandler": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
-      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
       "dev": true,
       "dependencies": {
         "debug": "2.6.9",
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "on-finished": "2.4.1",
         "parseurl": "~1.3.3",
@@ -6628,21 +6642,6 @@
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true
     },
-    "node_modules/express/node_modules/raw-body": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
-      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
-      "dev": true,
-      "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
     "node_modules/express/node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -7703,16 +7702,20 @@
       "dev": true
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.2.tgz",
-      "integrity": "sha512-0gSo4ml/0j98Y3lngkFEot/zhiCeWsbYIlZ+uZOVgzLyLaUw7wxUL+nCTP0XJvJg1AXulJRI3UJi8GsbDuxdGA==",
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
       "dev": true,
       "dependencies": {
+        "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
         "has-proto": "^1.0.1",
         "has-symbols": "^1.0.3",
         "hasown": "^2.0.0"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -8362,12 +8365,12 @@
       }
     },
     "node_modules/has-property-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
-      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.2"
+        "es-define-property": "^1.0.0"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10521,10 +10524,13 @@
       }
     },
     "node_modules/merge-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==",
-      "dev": true
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     },
     "node_modules/merge-stream": {
       "version": "2.0.0",
@@ -10993,10 +10999,13 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
       "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -11471,9 +11480,9 @@
       }
     },
     "node_modules/path-to-regexp": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
+      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==",
       "dev": true
     },
     "node_modules/path-type": {
@@ -11789,12 +11798,12 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.11.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
-      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
       "dev": true,
       "dependencies": {
-        "side-channel": "^1.0.4"
+        "side-channel": "^1.0.6"
       },
       "engines": {
         "node": ">=0.6"
@@ -12499,9 +12508,9 @@
       }
     },
     "node_modules/send": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
-      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
       "dev": true,
       "dependencies": {
         "debug": "2.6.9",
@@ -12643,20 +12652,29 @@
       "dev": true
     },
     "node_modules/serve-static": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
-      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
       "dev": true,
       "dependencies": {
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "parseurl": "~1.3.3",
-        "send": "0.18.0"
+        "send": "0.19.0"
       },
       "engines": {
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/serve-static/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/set-blocking": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
@@ -12664,15 +12682,17 @@
       "dev": true
     },
     "node_modules/set-function-length": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
-      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
       "dev": true,
       "dependencies": {
-        "define-data-property": "^1.1.1",
-        "get-intrinsic": "^1.2.1",
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
         "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.0"
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -12789,14 +12809,18 @@
       }
     },
     "node_modules/side-channel": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
-      "integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.0",
-        "get-intrinsic": "^1.0.2",
-        "object-inspect": "^1.9.0"
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"

From 62ef4271cf7257d763f8a1a82cc18e45a9fa0f2a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 15 Nov 2024 08:58:07 +0000
Subject: [PATCH 23/25] chore(deps-dev): bump webpack from 5.89.0 to 5.96.1

Bumps [webpack](https://github.com/webpack/webpack) from 5.89.0 to 5.96.1.
- [Release notes](https://github.com/webpack/webpack/releases)
- [Commits](https://github.com/webpack/webpack/compare/v5.89.0...v5.96.1)

---
updated-dependencies:
- dependency-name: webpack
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 276 ++++++++++++++++++++++------------------------
 package.json      |   2 +-
 2 files changed, 134 insertions(+), 144 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 836d849d9b..ea52705b9d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -76,7 +76,7 @@
         "tslint": "^5.5.0",
         "tslint-loader": "^3.5.3",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+        "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
@@ -2931,9 +2931,9 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
       "dev": true
     },
     "node_modules/@types/express": {
@@ -3116,148 +3116,148 @@
       }
     },
     "node_modules/@webassemblyjs/ast": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
-      "integrity": "sha512-IN1xI7PwOvLPgjcf180gC1bqn3q/QaOCwYUahIOhbYUu8KA/3tw2RT/T0Gidi1l7Hhj5D/INhJxiICObqpMu4Q==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
       }
     },
     "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
-      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
       "dev": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
-      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
       "dev": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.6.tgz",
-      "integrity": "sha512-z3nFzdcp1mb8nEOFFk8DrYLpHvhKC3grJD2ardfKOzmbmJvEf/tPIqCY+sNcwZIY8ZD7IkB2l7/pqhUhqm7hLA==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
       "dev": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
-      "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.11.6",
-        "@webassemblyjs/helper-api-error": "1.11.6",
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
         "@xtuc/long": "4.2.2"
       }
     },
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
-      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
       "dev": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.6.tgz",
-      "integrity": "sha512-LPpZbSOwTpEC2cgn4hTydySy1Ke+XEu+ETXuoyvuyezHO3Kjdu90KK95Sh9xTbmjrCsUwvWwCOQQNta37VrS9g==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-buffer": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.11.6"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
       }
     },
     "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
-      "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
       "dev": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
       }
     },
     "node_modules/@webassemblyjs/leb128": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
-      "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
       "dev": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
       }
     },
     "node_modules/@webassemblyjs/utf8": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
-      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
       "dev": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.6.tgz",
-      "integrity": "sha512-Ybn2I6fnfIGuCR+Faaz7YcvtBKxvoLV3Lebn1tM4o/IAJzmi9AWYIPWpyBfU8cC+JxAO57bk4+zdsTjJR+VTOw==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-buffer": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/helper-wasm-section": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.11.6",
-        "@webassemblyjs/wasm-opt": "1.11.6",
-        "@webassemblyjs/wasm-parser": "1.11.6",
-        "@webassemblyjs/wast-printer": "1.11.6"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
       }
     },
     "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.6.tgz",
-      "integrity": "sha512-3XOqkZP/y6B4F0PBAXvI1/bky7GryoogUtfwExeP/v7Nzwo1QLcq5oQmpKlftZLbT+ERUOAZVQjuNVak6UXjPA==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
       }
     },
     "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.6.tgz",
-      "integrity": "sha512-cOrKuLRE7PCe6AsOVl7WasYf3wbSo4CeOk6PkrjS7g57MFfVUF9u6ysQBBODX0LdgSvQqRiGz3CXvIDKcPNy4g==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-buffer": "1.11.6",
-        "@webassemblyjs/wasm-gen": "1.11.6",
-        "@webassemblyjs/wasm-parser": "1.11.6"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
       }
     },
     "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.6.tgz",
-      "integrity": "sha512-6ZwPeGzMJM3Dqp3hCsLgESxBGtT/OeCvCZ4TA1JUPYgmhAx38tTPR9JaKy0S5H3evQpO/h2uWs2j6Yc/fjkpTQ==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
-        "@webassemblyjs/helper-api-error": "1.11.6",
-        "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-        "@webassemblyjs/ieee754": "1.11.6",
-        "@webassemblyjs/leb128": "1.11.6",
-        "@webassemblyjs/utf8": "1.11.6"
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
       }
     },
     "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.11.6",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.6.tgz",
-      "integrity": "sha512-JM7AhRcE+yW2GWYaKeHL5vt4xqee5N2WcezptmgyhNS+ScggqcT1OtXykhAb13Sn5Yas0j2uv9tHgrjwvzAP4A==",
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
       "dev": true,
       "dependencies": {
-        "@webassemblyjs/ast": "1.11.6",
+        "@webassemblyjs/ast": "1.14.1",
         "@xtuc/long": "4.2.2"
       }
     },
@@ -3333,9 +3333,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -3344,15 +3344,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/acorn-import-assertions": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
-      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-      "dev": true,
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
     "node_modules/acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -4279,9 +4270,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
-      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
       "dev": true,
       "funding": [
         {
@@ -4298,10 +4289,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001565",
-        "electron-to-chromium": "^1.4.601",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.1"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -4420,9 +4411,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001576",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001576.tgz",
-      "integrity": "sha512-ff5BdakGe2P3SQsMsiqmt1Lc8221NR1VzHj5jXN5vBny9A6fpze94HiVV/n7XRosOlsShJcvMv5mdnpjOGCEgg==",
+      "version": "1.0.30001680",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz",
+      "integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==",
       "dev": true,
       "funding": [
         {
@@ -5902,9 +5893,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.626",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.626.tgz",
-      "integrity": "sha512-f7/be56VjRRQk+Ric6PmIrEtPcIqsn3tElyAu9Sh6egha2VLJ82qwkcOdcnT06W+Pb6RUulV1ckzrGbKzVcTHg==",
+      "version": "1.5.60",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.60.tgz",
+      "integrity": "sha512-HcraRUkTKJ+8yA3b10i9qvhUlPBRDlKjn1XGek1zDGVfAKcvi8TsUnImGqLiEm9j6ZulxXIWWIo9BmbkbCTGgA==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -5971,9 +5962,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.15.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.15.0.tgz",
-      "integrity": "sha512-LXYT42KJ7lpIKECr2mAXIaMldcNCh/7E0KBKOu4KSfkHmP+mZmSs+8V5gBAqisWBy0OO4W5Oyys0GO1Y8KtdKg==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -6098,9 +6089,9 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -10849,9 +10840,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
       "dev": true
     },
     "node_modules/normalize-package-data": {
@@ -11504,9 +11495,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "dev": true
     },
     "node_modules/picomatch": {
@@ -14335,9 +14326,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
       "dev": true,
       "funding": [
         {
@@ -14354,8 +14345,8 @@
         }
       ],
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -14568,9 +14559,9 @@
       }
     },
     "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
+      "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
       "dev": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
@@ -14590,34 +14581,33 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.89.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.89.0.tgz",
-      "integrity": "sha512-qyfIC10pOr70V+jkmud8tMfajraGCZMBWJtrmuBymQKCrLTRejBI8STDp1MCyZu/QTdZSeacCQYpYNQVOzX5kw==",
-      "dev": true,
-      "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.0",
-        "@webassemblyjs/ast": "^1.11.5",
-        "@webassemblyjs/wasm-edit": "^1.11.5",
-        "@webassemblyjs/wasm-parser": "^1.11.5",
-        "acorn": "^8.7.1",
-        "acorn-import-assertions": "^1.9.0",
-        "browserslist": "^4.14.5",
+      "version": "5.96.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz",
+      "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==",
+      "dev": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
+        "@webassemblyjs/ast": "^1.12.1",
+        "@webassemblyjs/wasm-edit": "^1.12.1",
+        "@webassemblyjs/wasm-parser": "^1.12.1",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.15.0",
+        "enhanced-resolve": "^5.17.1",
         "es-module-lexer": "^1.2.1",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
         "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.9",
+        "graceful-fs": "^4.2.11",
         "json-parse-even-better-errors": "^2.3.1",
         "loader-runner": "^4.2.0",
         "mime-types": "^2.1.27",
         "neo-async": "^2.6.2",
         "schema-utils": "^3.2.0",
         "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.7",
-        "watchpack": "^2.4.0",
+        "terser-webpack-plugin": "^5.3.10",
+        "watchpack": "^2.4.1",
         "webpack-sources": "^3.2.3"
       },
       "bin": {
diff --git a/package.json b/package.json
index 355420064f..634764f98a 100644
--- a/package.json
+++ b/package.json
@@ -96,7 +96,7 @@
     "tslint": "^5.5.0",
     "tslint-loader": "^3.5.3",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",

From 1e55a85f87fbb2830c22400728495ec42d7a0b88 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Fri, 15 Nov 2024 14:17:58 +0000
Subject: [PATCH 24/25] Bump webpack-dev-middleware from 5.3.3 to 5.3.4

Bumps [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware) from 5.3.3 to 5.3.4.
- [Release notes](https://github.com/webpack/webpack-dev-middleware/releases)
- [Changelog](https://github.com/webpack/webpack-dev-middleware/blob/v5.3.4/CHANGELOG.md)
- [Commits](https://github.com/webpack/webpack-dev-middleware/compare/v5.3.3...v5.3.4)

---
updated-dependencies:
- dependency-name: webpack-dev-middleware
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ea52705b9d..ed5c23014e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14763,9 +14763,9 @@
       }
     },
     "node_modules/webpack-dev-middleware": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz",
-      "integrity": "sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA==",
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz",
+      "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==",
       "dev": true,
       "dependencies": {
         "colorette": "^2.0.10",

From a9120e0dc9ebf04c4cd964d555f64a1b9c779e99 Mon Sep 17 00:00:00 2001
From: Deyan Kamburov <dkamburov@users.noreply.github.com>
Date: Mon, 18 Nov 2024 17:47:59 +0200
Subject: [PATCH 25/25] chore(*): update ig packages to 5.1.0 (#878)

---
 browser/tasks/gulp-samples.js                 |  28 ++--
 package-lock.json                             | 141 +++++++++---------
 package.json                                  |  26 ++--
 .../annotations-all/package.json              |  10 +-
 .../annotations-callouts/package.json         |  10 +-
 .../annotations-crosshairs/package.json       |  10 +-
 .../annotations-custom/package.json           |  10 +-
 .../annotations-final-value/package.json      |  10 +-
 .../annotations-highlighting/package.json     |  10 +-
 .../category-chart/annotations/package.json   |   6 +-
 .../area-chart-multiple-sources/package.json  |   6 +-
 .../area-chart-single-source/package.json     |   6 +-
 .../area-chart-styling/package.json           |   6 +-
 .../category-chart/axis-gap/package.json      |  10 +-
 .../axis-gridlines/package.json               |  10 +-
 .../category-chart/axis-inverted/package.json |  10 +-
 .../category-chart/axis-labels/package.json   |  10 +-
 .../axis-locations/package.json               |  10 +-
 .../category-chart/axis-options/package.json  |   6 +-
 .../category-chart/axis-overlap/package.json  |  10 +-
 .../category-chart/axis-range/package.json    |  10 +-
 .../axis-tickmarks/package.json               |  10 +-
 .../category-chart/axis-titles/package.json   |   6 +-
 .../chart-highlight-filter/package.json       |  10 +-
 .../package.json                              |   6 +-
 .../column-chart-single-source/package.json   |   6 +-
 .../column-chart-styling/package.json         |   6 +-
 .../package.json                              |   6 +-
 .../column-chart-with-tooltips/package.json   |  10 +-
 .../custom-selection/package.json             |   6 +-
 .../data-aggregations/package.json            |  10 +-
 .../category-chart/data-filter/package.json   |  10 +-
 .../package.json                              |   6 +-
 .../category-chart/data-legend/package.json   |   6 +-
 .../package.json                              |   6 +-
 .../data-tooltip-positioning/package.json     |  10 +-
 .../category-chart/data-tooltip/package.json  |   6 +-
 .../format-specifiers/package.json            |  10 +-
 .../high-frequency/package.json               |   6 +-
 .../category-chart/high-volume/package.json   |   6 +-
 .../highlighting-behavior/package.json        |  10 +-
 .../highlighting-mode/package.json            |  10 +-
 .../category-chart/highlighting/package.json  |   6 +-
 .../legend-highlighting/package.json          |   6 +-
 .../line-chart-multiple-sources/package.json  |   6 +-
 .../line-chart-single-source/package.json     |   6 +-
 .../line-chart-styling/package.json           |   6 +-
 .../line-chart-with-animations/package.json   |   6 +-
 .../line-chart-with-annotations/package.json  |   6 +-
 .../marker-options/package.json               |  10 +-
 .../marker-templates/package.json             |   6 +-
 .../category-chart/overview/package.json      |   6 +-
 .../point-chart-multiple-sources/package.json |   6 +-
 .../point-chart-single-source/package.json    |   6 +-
 .../point-chart-styling/package.json          |   6 +-
 .../selection-modes/package.json              |   6 +-
 .../selection-multiple-modes/package.json     |  10 +-
 .../spline-area-multiple-sources/package.json |   6 +-
 .../spline-area-single-source/package.json    |   6 +-
 .../spline-area-styling/package.json          |   6 +-
 .../spline-multiple-sources/package.json      |   6 +-
 .../spline-single-source/package.json         |   6 +-
 .../spline-styling/package.json               |   6 +-
 .../category-chart/stack-columns/package.json |   6 +-
 .../step-area-multiple-sources/package.json   |   6 +-
 .../step-area-single-source/package.json      |   6 +-
 .../step-area-styling/package.json            |   6 +-
 .../step-line-multiple-sources/package.json   |   6 +-
 .../step-line-single-source/package.json      |   6 +-
 .../step-line-styling/package.json            |   6 +-
 .../tooltip-template/package.json             |   6 +-
 .../category-chart/tooltip-types/package.json |   6 +-
 .../category-chart/trendline/package.json     |   6 +-
 .../category-chart/value-lines/package.json   |  10 +-
 .../annotations-custom/package.json           |   6 +-
 .../package.json                              |   6 +-
 .../data-chart/axis-annotations/package.json  |   6 +-
 .../data-chart/axis-crossing/package.json     |   6 +-
 .../axis-label-rotation/package.json          |  10 +-
 .../data-chart/axis-locations/package.json    |   6 +-
 .../data-chart/axis-min-max-gap/package.json  |   6 +-
 .../data-chart/axis-settings/package.json     |   6 +-
 .../data-chart/axis-sharing/package.json      |   6 +-
 .../charts/data-chart/axis-types/package.json |   6 +-
 .../bar-chart-multiple-sources/package.json   |   6 +-
 .../bar-chart-overlapping/package.json        |   6 +-
 .../bar-chart-single-source/package.json      |   6 +-
 .../data-chart/bar-chart-styling/package.json |   6 +-
 .../callout-layer-styling/package.json        |   6 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../chart-highlight-filter/package.json       |  10 +-
 .../data-chart/chart-navigation/package.json  |   6 +-
 .../data-chart/chart-overview/package.json    |   6 +-
 .../data-chart/chart-performance/package.json |   6 +-
 .../chart-synchronization/package.json        |   6 +-
 .../data-chart/chart-titles/package.json      |   6 +-
 .../data-chart/composite-chart/package.json   |   6 +-
 .../crosshair-layer-styling/package.json      |   6 +-
 .../custom-drawing-annotations/package.json   |  10 +-
 .../custom-editing-data/package.json          |   6 +-
 .../data-chart/dash-array-axes/package.json   |   6 +-
 .../data-chart/dash-array-series/package.json |   6 +-
 .../dash-array-tickmarks/package.json         |   6 +-
 .../dash-array-trendline/package.json         |   6 +-
 .../package.json                              |   6 +-
 .../data-legend-grouping/package.json         |   6 +-
 .../data-legend-styling/package.json          |   6 +-
 .../data-chart/data-legend/package.json       |   6 +-
 .../package.json                              |  10 +-
 .../data-tooltip-grouping/package.json        |  10 +-
 .../data-tooltip-styling/package.json         |  10 +-
 .../data-chart/data-tooltip/package.json      |   6 +-
 .../final-value-layer-styling/package.json    |   6 +-
 .../financial-price-series/package.json       |   6 +-
 .../data-chart/format-specifiers/package.json |   6 +-
 .../charts/data-chart/legends/package.json    |   6 +-
 .../polar-area-chart-styling/package.json     |   6 +-
 .../data-chart/polar-area-chart/package.json  |   6 +-
 .../data-chart/polar-chart-types/package.json |   6 +-
 .../data-chart/polar-line-chart/package.json  |   6 +-
 .../polar-scatter-chart/package.json          |   6 +-
 .../polar-spline-area-chart/package.json      |   6 +-
 .../polar-spline-chart/package.json           |   6 +-
 .../radial-area-chart-styling/package.json    |   6 +-
 .../data-chart/radial-area-chart/package.json |   6 +-
 .../radial-chart-types/package.json           |   6 +-
 .../package.json                              |   6 +-
 .../radial-column-chart/package.json          |   6 +-
 .../data-chart/radial-label-mode/package.json |  10 +-
 .../data-chart/radial-line-chart/package.json |   6 +-
 .../data-chart/radial-pie-chart/package.json  |   6 +-
 .../package.json                              |   6 +-
 .../package.json                              |   6 +-
 .../data-chart/range-area-chart/package.json  |   6 +-
 .../range-column-chart/package.json           |   6 +-
 .../package.json                              |   6 +-
 .../package.json                              |   6 +-
 .../package.json                              |   6 +-
 .../scatter-bubble-chart-styling/package.json |   6 +-
 .../scatter-line-chart/package.json           |   6 +-
 .../scatter-point-chart/package.json          |   6 +-
 .../scatter-spline-chart/package.json         |   6 +-
 .../data-chart/series-animations/package.json |   6 +-
 .../series-annotations/package.json           |   6 +-
 .../data-chart/series-error-bars/package.json |   6 +-
 .../series-highlighting/package.json          |   6 +-
 .../series-marker-template/package.json       |   6 +-
 .../data-chart/series-markers/package.json    |   6 +-
 .../data-chart/series-tooltips/package.json   |   6 +-
 .../data-chart/series-trendlines/package.json |   6 +-
 .../series-value-overlay/package.json         |   6 +-
 .../stacked-100-area-chart/package.json       |   6 +-
 .../stacked-100-bar-chart/package.json        |   6 +-
 .../stacked-100-column-chart/package.json     |   6 +-
 .../stacked-100-line-chart/package.json       |   6 +-
 .../package.json                              |   6 +-
 .../stacked-100-spline-chart/package.json     |   6 +-
 .../stacked-area-chart/package.json           |   6 +-
 .../data-chart/stacked-bar-chart/package.json |   6 +-
 .../stacked-chart-types/package.json          |   6 +-
 .../stacked-column-chart/package.json         |   6 +-
 .../stacked-line-chart/package.json           |   6 +-
 .../stacked-spline-area-chart/package.json    |   6 +-
 .../stacked-spline-chart/package.json         |   6 +-
 .../data-chart/tooltip-template/package.json  |   6 +-
 .../data-chart/transition-event/package.json  |  10 +-
 .../package.json                              |   6 +-
 .../package.json                              |   6 +-
 .../package.json                              |   6 +-
 .../type-financial-ohlc-series/package.json   |   6 +-
 .../type-financial-overlays/package.json      |   6 +-
 .../type-financial-series/package.json        |   6 +-
 .../type-range-area-series/package.json       |   6 +-
 .../type-range-column-series/package.json     |   6 +-
 .../data-chart/type-range-series/package.json |   6 +-
 .../type-scatter-area-series/package.json     |   6 +-
 .../type-scatter-bubble-series/package.json   |   6 +-
 .../type-scatter-contour-series/package.json  |   6 +-
 .../type-scatter-hd-series/package.json       |   6 +-
 .../type-scatter-polygon-series/package.json  |   6 +-
 .../type-scatter-polyline-series/package.json |   6 +-
 .../type-scatter-series/package.json          |   6 +-
 .../data-chart/type-shape-series/package.json |   6 +-
 .../data-chart/waterfall-chart/package.json   |   6 +-
 .../data-pie-chart/animation/package.json     |  10 +-
 .../highlight-filter/package.json             |   6 +-
 .../data-pie-chart/highlighting/package.json  |  10 +-
 .../charts/data-pie-chart/legend/package.json |  10 +-
 .../charts/data-pie-chart/others/package.json |  10 +-
 .../data-pie-chart/overview/package.json      |   6 +-
 .../data-pie-chart/selection/package.json     |  10 +-
 .../doughnut-chart/animation/package.json     |   6 +-
 .../doughnut-chart/explosion/package.json     |   6 +-
 .../charts/doughnut-chart/legend/package.json |   6 +-
 .../doughnut-chart/overview/package.json      |   6 +-
 .../charts/doughnut-chart/rings/package.json  |   6 +-
 .../doughnut-chart/selection/package.json     |   6 +-
 .../financial-chart/annotations/package.json  |   6 +-
 .../financial-chart/axis-types/package.json   |   6 +-
 .../package.json                              |   6 +-
 .../data-legend-styling-props/package.json    |   6 +-
 .../financial-chart/data-legend/package.json  |   6 +-
 .../package.json                              |   6 +-
 .../data-tooltip-styling-props/package.json   |   6 +-
 .../financial-chart/data-tooltip/package.json |   6 +-
 .../format-specifiers/package.json            |   6 +-
 .../high-frequency/package.json               |   6 +-
 .../financial-chart/high-volume/package.json  |   6 +-
 .../indicator-customization/package.json      |   6 +-
 .../indicator-types/package.json              |   6 +-
 .../multiple-data/package.json                |   6 +-
 .../financial-chart/overview/package.json     |   6 +-
 .../charts/financial-chart/panes/package.json |   6 +-
 .../financial-chart/performance/package.json  |   6 +-
 .../financial-chart/scrollbars/package.json   |   6 +-
 .../stock-index-chart/package.json            |   6 +-
 .../financial-chart/styling/package.json      |   6 +-
 .../financial-chart/titles/package.json       |   6 +-
 .../tooltip-types/package.json                |   6 +-
 .../financial-chart/trendlines/package.json   |   6 +-
 .../financial-chart/volume-types/package.json |   6 +-
 .../charts/pie-chart/animation/package.json   |   6 +-
 .../charts/pie-chart/explosion/package.json   |   6 +-
 samples/charts/pie-chart/legend/package.json  |   6 +-
 samples/charts/pie-chart/others/package.json  |   6 +-
 .../charts/pie-chart/overview/package.json    |   6 +-
 .../charts/pie-chart/selection/package.json   |   6 +-
 samples/charts/pie-chart/styling/package.json |   6 +-
 .../sparkline/display-area/package.json       |   6 +-
 .../sparkline/display-column/package.json     |   6 +-
 .../sparkline/display-lines/package.json      |  10 +-
 .../sparkline/display-types/package.json      |   6 +-
 .../sparkline/display-winloss/package.json    |   6 +-
 samples/charts/sparkline/grid/package.json    |  12 +-
 samples/charts/sparkline/markers/package.json |  10 +-
 .../sparkline/normal-range/package.json       |  10 +-
 .../charts/sparkline/trendlines/package.json  |  10 +-
 .../sparkline/unknown-values/package.json     |  10 +-
 .../package.json                              |  10 +-
 .../actions-built-in-data-chart/package.json  |  10 +-
 .../charts/toolbar/custom-tool/package.json   |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 samples/charts/toolbar/theming/package.json   |  10 +-
 samples/charts/tree-map/events/package.json   |   6 +-
 .../highlighting-percent-based/package.json   |   6 +-
 .../charts/tree-map/highlighting/package.json |  10 +-
 samples/charts/tree-map/layout/package.json   |  10 +-
 samples/charts/tree-map/overview/package.json |   6 +-
 samples/charts/tree-map/styling/package.json  |   6 +-
 .../charts/zoomslider/overview/package.json   |   6 +-
 .../overview/package.json                     |  10 +-
 .../x-date-picker/date-limits/package.json    |   8 +-
 .../x-date-picker/editing/package.json        |   8 +-
 .../editors/x-date-picker/format/package.json |   8 +-
 .../x-date-picker/overview/package.json       |   8 +-
 .../editors/x-date-picker/range/package.json  |   8 +-
 .../operations-on-workbooks/package.json      |  12 +-
 .../operations-on-worksheets/package.json     |   6 +-
 .../excel/excel-library/overview/package.json |   6 +-
 .../working-with-cells/package.json           |   6 +-
 .../working-with-charts/package.json          |  14 +-
 .../working-with-sparklines/package.json      |  14 +-
 .../excel/spreadsheet/activation/package.json |   8 +-
 .../spreadsheet/adapter-chart/package.json    |  12 +-
 .../spreadsheet/adapter-combo/package.json    |  12 +-
 .../excel/spreadsheet/clipboard/package.json  |   8 +-
 .../excel/spreadsheet/commands/package.json   |   8 +-
 .../conditional-formatting/package.json       |   8 +-
 .../spreadsheet/config-options/package.json   |   8 +-
 .../spreadsheet/data-validation/package.json  |   8 +-
 .../spreadsheet/filter-dialog/package.json    |   8 +-
 .../spreadsheet/format-dialog/package.json    |   8 +-
 .../excel/spreadsheet/hyperlinks/package.json |   8 +-
 .../excel/spreadsheet/overview/package.json   |   8 +-
 .../spreadsheet/sort-dialog/package.json      |   8 +-
 .../bullet-graph/animation/package.json       |   6 +-
 .../bullet-graph/background/package.json      |   6 +-
 .../highlight-needle/package.json             |   6 +-
 .../gauges/bullet-graph/labels/package.json   |   6 +-
 .../gauges/bullet-graph/measures/package.json |   6 +-
 .../gauges/bullet-graph/ranges/package.json   |   6 +-
 .../gauges/bullet-graph/scale/package.json    |   6 +-
 .../bullet-graph/tickmarks/package.json       |   6 +-
 .../bullet-graph/type-filled/package.json     |   6 +-
 .../bullet-graph/type-horizontal/package.json |   6 +-
 .../bullet-graph/type-reversed/package.json   |   6 +-
 .../bullet-graph/type-segmented/package.json  |   6 +-
 .../bullet-graph/type-vertical/package.json   |   6 +-
 .../linear-gauge/animation/package.json       |   6 +-
 .../gauges/linear-gauge/backing/package.json  |   6 +-
 .../highlight-needle/package.json             |   6 +-
 .../gauges/linear-gauge/labels/package.json   |   6 +-
 .../gauges/linear-gauge/needle/package.json   |   6 +-
 .../gauges/linear-gauge/ranges/package.json   |   6 +-
 .../gauges/linear-gauge/scale/package.json    |   6 +-
 .../linear-gauge/tickmarks/package.json       |   6 +-
 .../linear-gauge/type-curved/package.json     |   6 +-
 .../linear-gauge/type-filled/package.json     |   6 +-
 .../linear-gauge/type-horizontal/package.json |   6 +-
 .../type-multi-range/package.json             |   6 +-
 .../type-multi-scale/package.json             |   6 +-
 .../linear-gauge/type-segmented/package.json  |   6 +-
 .../linear-gauge/type-vertical/package.json   |   6 +-
 .../radial-gauge/animation/package.json       |   6 +-
 .../gauges/radial-gauge/backing/package.json  |   6 +-
 .../highlight-needle/package.json             |   6 +-
 .../gauges/radial-gauge/labels/package.json   |   6 +-
 .../gauges/radial-gauge/needle/package.json   |   6 +-
 .../radial-gauge/optical-scaling/package.json |   6 +-
 .../gauges/radial-gauge/ranges/package.json   |   6 +-
 .../gauges/radial-gauge/scale/package.json    |   6 +-
 .../radial-gauge/tickmarks/package.json       |   6 +-
 .../radial-gauge/type-column/package.json     |   6 +-
 .../radial-gauge/type-curved/package.json     |   6 +-
 .../radial-gauge/type-direction/package.json  |   6 +-
 .../radial-gauge/type-full/package.json       |   6 +-
 .../radial-gauge/type-half/package.json       |   6 +-
 .../radial-gauge/type-quatre/package.json     |   6 +-
 .../radial-gauge/type-ring/package.json       |   6 +-
 .../radial-gauge/type-segmented/package.json  |   6 +-
 .../radial-gauge/type-semi/package.json       |   6 +-
 .../data-grid/accessibility/package.json      |  10 +-
 .../binding-data-service/package.json         |  10 +-
 .../data-grid/binding-live-data/package.json  |  12 +-
 .../data-grid/binding-local-data/package.json |  10 +-
 .../binding-remote-data/package.json          |  12 +-
 .../data-grid/cell-activation/package.json    |  10 +-
 .../grids/data-grid/cell-editing/package.json |  10 +-
 .../grids/data-grid/cell-merging/package.json |  12 +-
 .../data-grid/cell-selection/package.json     |  10 +-
 .../data-grid/column-animation/package.json   |  10 +-
 .../column-chooser-picker/package.json        |  10 +-
 .../column-chooser-toolbar/package.json       |  10 +-
 .../column-filter-expressions/package.json    |  10 +-
 .../column-filter-operands/package.json       |  10 +-
 .../data-grid/column-filtering/package.json   |  10 +-
 .../data-grid/column-moving/package.json      |  10 +-
 .../data-grid/column-options/package.json     |  10 +-
 .../column-pinning-picker/package.json        |  10 +-
 .../column-pinning-toolbar/package.json       |  10 +-
 .../data-grid/column-resizing/package.json    |  10 +-
 .../data-grid/column-scrolling/package.json   |  10 +-
 .../data-grid/column-sorting/package.json     |  10 +-
 .../data-grid/column-summaries/package.json   |  10 +-
 .../grids/data-grid/column-types/package.json |  12 +-
 .../data-grid/load-save-layout/package.json   |  12 +-
 .../grids/data-grid/localization/package.json |  12 +-
 samples/grids/data-grid/overview/package.json |  12 +-
 samples/grids/data-grid/pager/package.json    |  10 +-
 .../grids/data-grid/performance/package.json  |  10 +-
 .../row-group-descriptions/package.json       |  10 +-
 .../grids/data-grid/row-grouping/package.json |  10 +-
 .../data-grid/row-highlighting/package.json   |  10 +-
 .../grids/data-grid/row-paging/package.json   |  10 +-
 .../grids/data-grid/row-pinning/package.json  |  10 +-
 .../data-grid/row-selection/package.json      |  10 +-
 .../type-comparison-table/package.json        |  12 +-
 .../data-grid/type-heatmap-table/package.json |  10 +-
 .../type-marketing-table/package.json         |  12 +-
 .../data-grid/type-matrix-table/package.json  |  10 +-
 .../type-periodic-table/package.json          |  10 +-
 .../grids/data-grid/type-table/package.json   |  10 +-
 samples/grids/grid/action-strip/package.json  |  10 +-
 .../advanced-filtering-options/package.json   |  10 +-
 .../advanced-filtering-style/package.json     |  10 +-
 .../grid/binding-composite-data/package.json  |  10 +-
 .../grids/grid/binding-crud-data/package.json |  10 +-
 .../grid/binding-nested-data-1/package.json   |  10 +-
 .../grids/grid/cascading-combo/package.json   |  10 +-
 .../grid/cell-editing-sample/package.json     |  10 +-
 .../grid/cell-editing-styling/package.json    |  10 +-
 .../grid/cell-selection-mode/package.json     |  10 +-
 .../grid/cell-selection-style/package.json    |  10 +-
 .../grid/change-icons-custom/package.json     |  12 +-
 .../grid/clipboard-operations/package.json    |  12 +-
 .../grid/column-auto-sizing/package.json      |  10 +-
 .../column-collapsible-groups/package.json    |  10 +-
 .../grids/grid/column-data-types/package.json |  10 +-
 .../grid/column-hiding-options/package.json   |  10 +-
 .../column-hiding-toolbar-style/package.json  |  10 +-
 .../grid/column-hiding-toolbar/package.json   |  10 +-
 .../grid/column-moving-options/package.json   |  10 +-
 .../grid/column-moving-styles/package.json    |  10 +-
 .../grid/column-pinning-options/package.json  |  10 +-
 .../column-pinning-right-side/package.json    |  10 +-
 .../grid/column-pinning-styles/package.json   |  10 +-
 .../grids/grid/column-pinning/package.json    |  10 +-
 .../grid/column-resize-styling/package.json   |  10 +-
 .../grids/grid/column-resizing/package.json   |  10 +-
 .../grid/column-selection-group/package.json  |  10 +-
 .../grid/column-selection-mode/package.json   |  10 +-
 .../grid/column-selection-styles/package.json |  10 +-
 .../column-sorting-indicators/package.json    |  10 +-
 .../grid/column-sorting-options/package.json  |  10 +-
 .../grid/column-sorting-style/package.json    |  10 +-
 .../conditional-cell-style-1/package.json     |  10 +-
 .../conditional-cell-style-2/package.json     |  10 +-
 .../conditional-row-selectors/package.json    |  10 +-
 .../grid/custom-context-menu/package.json     |  12 +-
 .../grids/grid/custom-filtering/package.json  |  10 +-
 .../data-batch-editing-actions/package.json   |  10 +-
 .../data-exporting-indicator/package.json     |  10 +-
 .../grid/data-paste-options/package.json      |  12 +-
 .../package.json                              |  10 +-
 .../grids/grid/data-searching/package.json    |  12 +-
 .../grid/data-summaries-custom/package.json   |  10 +-
 .../grid/data-summary-formatter/package.json  |  10 +-
 .../grid/data-summary-options/package.json    |  10 +-
 .../grid/data-summary-template/package.json   |  10 +-
 .../grid/data-validation-style/package.json   |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../grid/data-validator-service/package.json  |  10 +-
 .../grids/grid/editing-columns/package.json   |  10 +-
 .../grids/grid/editing-events/package.json    |  10 +-
 .../editing-excel-style-custom/package.json   |  10 +-
 .../grid/editing-excel-style/package.json     |  10 +-
 .../grids/grid/editing-lifecycle/package.json |  10 +-
 .../grids/grid/excel-exporting/package.json   |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../excel-style-filtering-style/package.json  |  10 +-
 .../external-advanced-filtering/package.json  |  10 +-
 .../grids/grid/filtering-options/package.json |  10 +-
 .../grid/filtering-strategy/package.json      |  10 +-
 .../grids/grid/filtering-style/package.json   |  10 +-
 samples/grids/grid/finjs/package.json         |  12 +-
 .../grids/grid/groupby-custom/package.json    |  10 +-
 .../grid/groupby-expressions/package.json     |  10 +-
 .../grids/grid/groupby-paging/package.json    |  10 +-
 .../grids/grid/groupby-styling/package.json   |  10 +-
 .../grid/groupby-summary-options/package.json |  10 +-
 .../grid/groupby-summary-styling/package.json |  10 +-
 .../grids/grid/infinite-scroll/package.json   |  10 +-
 .../keyboard-custom-navigation/package.json   |  10 +-
 .../grid/keyboard-mrl-navigation/package.json |  10 +-
 .../keyboard-navigation-guide/package.json    |  10 +-
 .../grid/layout-display-density/package.json  |  10 +-
 samples/grids/grid/master-detail/package.json |  10 +-
 .../multi-cell-selection-mode/package.json    |  10 +-
 .../multi-column-headers-export/package.json  |  10 +-
 .../package.json                              |  10 +-
 .../multi-column-headers-styling/package.json |  10 +-
 .../package.json                              |  10 +-
 .../multi-row-layout-options/package.json     |  10 +-
 .../grid/multi-row-layout-style/package.json  |  10 +-
 samples/grids/grid/overview/package.json      |  10 +-
 samples/grids/grid/paste/package.json         |  10 +-
 .../grid/remote-paging-data/package.json      |  10 +-
 .../grid/remote-paging-grid/package.json      |  10 +-
 samples/grids/grid/row-adding/package.json    |  10 +-
 samples/grids/grid/row-classes/package.json   |  10 +-
 samples/grids/grid/row-drag-base/package.json |  10 +-
 .../grid/row-editing-options/package.json     |  10 +-
 .../grids/grid/row-editing-style/package.json |  10 +-
 .../grids/grid/row-paging-basic/package.json  |  10 +-
 .../grid/row-paging-options/package.json      |  10 +-
 .../grids/grid/row-pinning-drag/package.json  |  10 +-
 .../row-pinning-extra-column/package.json     |  10 +-
 .../grid/row-pinning-options/package.json     |  10 +-
 .../grids/grid/row-pinning-style/package.json |  10 +-
 samples/grids/grid/row-reorder/package.json   |  10 +-
 .../grid/row-selection-mode/package.json      |  10 +-
 .../row-selection-template-excel/package.json |  10 +-
 .../package.json                              |  10 +-
 samples/grids/grid/row-styles/package.json    |  10 +-
 .../grid/state-persistence-about/package.json |  12 +-
 .../grid/state-persistence-main/package.json  |  12 +-
 .../grid/styling-custom-CSS/package.json      |  10 +-
 .../grids/grid/toolbar-sample-1/package.json  |  10 +-
 .../grids/grid/toolbar-sample-2/package.json  |  10 +-
 .../grids/grid/toolbar-sample-3/package.json  |  10 +-
 .../grids/grid/toolbar-sample-4/package.json  |  10 +-
 samples/grids/grid/toolbar-style/package.json |  10 +-
 .../action-strip/package.json                 |  10 +-
 .../advanced-filtering-options/package.json   |  10 +-
 .../advanced-filtering-style/package.json     |  10 +-
 .../cell-editing-sample/package.json          |  10 +-
 .../cell-editing-styling/package.json         |  10 +-
 .../cell-selection-mode/package.json          |  10 +-
 .../cell-selection-overview/package.json      |  10 +-
 .../cell-selection-style/package.json         |  10 +-
 .../cell-selection-styling/package.json       |  12 +-
 .../column-auto-sizing/package.json           |  10 +-
 .../column-collapsible-groups/package.json    |  10 +-
 .../column-hiding-toolbar-style/package.json  |  10 +-
 .../column-hiding-toolbar/package.json        |  10 +-
 .../column-moving-options/package.json        |  10 +-
 .../column-moving-styles/package.json         |  10 +-
 .../column-pinning-options/package.json       |  10 +-
 .../column-pinning-right-side/package.json    |  10 +-
 .../column-pinning-styles/package.json        |  10 +-
 .../column-pinning/package.json               |  10 +-
 .../column-resize-styling/package.json        |  10 +-
 .../column-resizing/package.json              |  10 +-
 .../column-selection-group/package.json       |  10 +-
 .../column-selection-mode/package.json        |  10 +-
 .../column-selection-styles/package.json      |  10 +-
 .../column-sorting-indicators/package.json    |  10 +-
 .../column-sorting-options/package.json       |  10 +-
 .../column-sorting-style/package.json         |  10 +-
 .../conditional-cell-style-1/package.json     |  10 +-
 .../conditional-cell-style-2/package.json     |  10 +-
 .../conditional-row-selectors/package.json    |  10 +-
 .../custom-filtering/package.json             |  10 +-
 .../data-exporting-indicator/package.json     |  10 +-
 .../package.json                              |  10 +-
 .../data-summary-formatter/package.json       |  10 +-
 .../data-summary-options-styling/package.json |  10 +-
 .../data-summary-options/package.json         |  10 +-
 .../data-summary-template/package.json        |  10 +-
 .../editing-columns/package.json              |  10 +-
 .../editing-events/package.json               |  10 +-
 .../editing-lifecycle/package.json            |  10 +-
 .../excel-exporting/package.json              |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../excel-style-filtering-style/package.json  |  10 +-
 .../filtering-options/package.json            |  10 +-
 .../filtering-style/package.json              |  10 +-
 .../hierarchical-grid-options/package.json    |  10 +-
 .../package.json                              |  10 +-
 .../hierarchical-grid-styling/package.json    |  10 +-
 .../layout-display-density/package.json       |  10 +-
 .../multi-column-headers-export/package.json  |  10 +-
 .../package.json                              |  10 +-
 .../multi-column-headers-styling/package.json |  10 +-
 .../package.json                              |  10 +-
 .../hierarchical-grid/overview/package.json   |  10 +-
 .../remote-paging-sample/package.json         |  10 +-
 .../hierarchical-grid/row-adding/package.json |  10 +-
 .../row-classes/package.json                  |  10 +-
 .../row-drag-base/package.json                |  10 +-
 .../row-editing-options/package.json          |  10 +-
 .../row-editing-style/package.json            |  10 +-
 .../row-pinning-extra-column/package.json     |  10 +-
 .../row-pinning-options/package.json          |  10 +-
 .../row-pinning-style/package.json            |  10 +-
 .../row-reorder/package.json                  |  10 +-
 .../row-selection-mode/package.json           |  10 +-
 .../package.json                              |  10 +-
 .../hierarchical-grid/row-styles/package.json |  10 +-
 .../state-persistence-about/package.json      |  12 +-
 .../state-persistence-main/package.json       |  12 +-
 .../toolbar-sample-1/package.json             |  10 +-
 .../toolbar-sample-2/package.json             |  10 +-
 .../toolbar-sample-3/package.json             |  10 +-
 .../toolbar-sample-4/package.json             |  10 +-
 .../toolbar-style/package.json                |  10 +-
 .../grids/list/add-list-items/package.json    |   6 +-
 .../grids/list/list-item-content/package.json |   4 +-
 samples/grids/list/overview/package.json      |   4 +-
 samples/grids/list/styling/package.json       |   4 +-
 .../aggregate-max-sales/package.json          |  10 +-
 .../aggregate-units-sold/package.json         |  10 +-
 samples/grids/pivot-grid/basic/package.json   |  10 +-
 .../data-persistence-noop/package.json        |  12 +-
 .../pivot-grid/data-selector/package.json     |  10 +-
 .../grids/pivot-grid/features/package.json    |  10 +-
 samples/grids/pivot-grid/remote/package.json  |  10 +-
 .../state-persistence-about/package.json      |  12 +-
 .../state-persistence-main/package.json       |  12 +-
 .../grids/tree-grid/action-strip/package.json |  10 +-
 .../advanced-filtering-options/package.json   |  10 +-
 .../advanced-filtering-style/package.json     |  10 +-
 .../cell-editing-sample/package.json          |  10 +-
 .../cell-editing-styling/package.json         |  10 +-
 .../cell-selection-mode/package.json          |  10 +-
 .../cell-selection-style/package.json         |  10 +-
 .../clipboard-operations/package.json         |  12 +-
 .../tree-grid/column-auto-sizing/package.json |  10 +-
 .../column-collapsible-groups/package.json    |  10 +-
 .../tree-grid/column-data-types/package.json  |  10 +-
 .../column-hiding-toolbar-style/package.json  |  10 +-
 .../column-hiding-toolbar/package.json        |  10 +-
 .../column-moving-options/package.json        |  10 +-
 .../column-moving-styles/package.json         |  10 +-
 .../column-pinning-options/package.json       |  10 +-
 .../column-pinning-right-side/package.json    |  10 +-
 .../column-pinning-styles/package.json        |  10 +-
 .../column-pinning-toolbar/package.json       |  10 +-
 .../tree-grid/column-pinning/package.json     |  10 +-
 .../column-resize-styling/package.json        |  10 +-
 .../tree-grid/column-resizing/package.json    |  10 +-
 .../column-selection-group/package.json       |  10 +-
 .../column-selection-mode/package.json        |  10 +-
 .../column-selection-style/package.json       |  10 +-
 .../column-selection-styles/package.json      |  10 +-
 .../column-sorting-indicators/package.json    |  10 +-
 .../column-sorting-options/package.json       |  10 +-
 .../column-sorting-style/package.json         |  10 +-
 .../conditional-cell-style-1/package.json     |  10 +-
 .../conditional-cell-style-2/package.json     |  10 +-
 .../conditional-row-selectors/package.json    |  10 +-
 .../tree-grid/custom-filtering/package.json   |  10 +-
 .../data-exporting-indicator/package.json     |  10 +-
 .../tree-grid/data-searching/package.json     |  12 +-
 .../data-summaries-custom/package.json        |  10 +-
 .../data-summary-children/package.json        |  10 +-
 .../data-summary-formatter/package.json       |  10 +-
 .../data-summary-options-styling/package.json |  10 +-
 .../data-summary-options/package.json         |  10 +-
 .../data-summary-template/package.json        |  10 +-
 .../tree-grid/editing-columns/package.json    |  10 +-
 .../tree-grid/editing-events/package.json     |  10 +-
 .../tree-grid/editing-lifecycle/package.json  |  10 +-
 .../tree-grid/excel-exporting/package.json    |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../package.json                              |  10 +-
 .../excel-style-filtering-style/package.json  |  10 +-
 .../tree-grid/filtering-options/package.json  |  10 +-
 .../tree-grid/filtering-style/package.json    |  10 +-
 samples/grids/tree-grid/finjs/package.json    |  12 +-
 .../keyboard-custom-navigation/package.json   |  10 +-
 .../keyboard-navigation-guide/package.json    |  10 +-
 .../layout-display-density/package.json       |  10 +-
 .../tree-grid/load-on-demand/package.json     |  10 +-
 .../multi-cell-selection-mode/package.json    |  10 +-
 .../multi-column-headers-export/package.json  |  10 +-
 .../package.json                              |  10 +-
 .../multi-column-headers-styling/package.json |  10 +-
 .../package.json                              |  10 +-
 .../tree-grid/overview-styling/package.json   |  10 +-
 samples/grids/tree-grid/overview/package.json |  10 +-
 .../grids/tree-grid/row-adding/package.json   |  10 +-
 .../grids/tree-grid/row-classes/package.json  |  10 +-
 .../tree-grid/row-drag-base/package.json      |  10 +-
 .../row-editing-options/package.json          |  10 +-
 .../tree-grid/row-editing-style/package.json  |  10 +-
 .../tree-grid/row-paging-basic/package.json   |  10 +-
 .../tree-grid/row-paging-options/package.json |  10 +-
 .../tree-grid/row-paging-style/package.json   |  10 +-
 .../row-pinning-extra-column/package.json     |  10 +-
 .../row-pinning-options/package.json          |  10 +-
 .../tree-grid/row-pinning-style/package.json  |  10 +-
 .../grids/tree-grid/row-reorder/package.json  |  10 +-
 .../tree-grid/row-selection-mode/package.json |  10 +-
 .../row-selection-template-excel/package.json |  10 +-
 .../package.json                              |  10 +-
 .../grids/tree-grid/row-styles/package.json   |  10 +-
 .../state-persistence-about/package.json      |  12 +-
 .../state-persistence-main/package.json       |  12 +-
 .../tree-grid/toolbar-sample-1/package.json   |  10 +-
 .../tree-grid/toolbar-sample-2/package.json   |  10 +-
 .../tree-grid/toolbar-sample-3/package.json   |  10 +-
 .../tree-grid/toolbar-sample-4/package.json   |  10 +-
 .../tree-grid/toolbar-style/package.json      |  10 +-
 .../using-primary-foreign-keys/package.json   |  10 +-
 samples/grids/tree/basic-example/package.json |   4 +-
 .../load-on-demand-virtualized/package.json   |   4 +-
 .../grids/tree/load-on-demand/package.json    |   4 +-
 samples/inputs/badge/outlined/package.json    |   4 +-
 samples/inputs/badge/shape/package.json       |   4 +-
 samples/inputs/badge/variants/package.json    |   4 +-
 .../button-group/alignment/package.json       |   4 +-
 .../inputs/button-group/overview/package.json |   4 +-
 .../button-group/selection/package.json       |   4 +-
 samples/inputs/button-group/size/package.json |   4 +-
 .../inputs/button-group/styling/package.json  |   4 +-
 samples/inputs/button/contained/package.json  |   4 +-
 samples/inputs/button/download/package.json   |   4 +-
 samples/inputs/button/fab/package.json        |   4 +-
 samples/inputs/button/flat/package.json       |   4 +-
 samples/inputs/button/outlined/package.json   |   4 +-
 samples/inputs/button/overview/package.json   |   4 +-
 samples/inputs/button/size/package.json       |   4 +-
 samples/inputs/button/styling/package.json    |   4 +-
 samples/inputs/checkbox/checking/package.json |   4 +-
 samples/inputs/checkbox/disabled/package.json |   4 +-
 .../checkbox/indeterminate/package.json       |   4 +-
 samples/inputs/checkbox/label/package.json    |   4 +-
 samples/inputs/checkbox/overview/package.json |   4 +-
 samples/inputs/chip/multiple/package.json     |   4 +-
 samples/inputs/chip/overview/package.json     |   4 +-
 samples/inputs/chip/size/package.json         |   4 +-
 samples/inputs/chip/styling/package.json      |   4 +-
 samples/inputs/chip/variants/package.json     |   4 +-
 .../dynamic/package.json                      |   4 +-
 .../indeterminate/package.json                |   4 +-
 .../simple/package.json                       |   4 +-
 .../styling/package.json                      |   4 +-
 samples/inputs/combo/features/package.json    |   4 +-
 samples/inputs/combo/overview/package.json    |   4 +-
 samples/inputs/combo/selection/package.json   |   4 +-
 samples/inputs/combo/simplified/package.json  |   4 +-
 samples/inputs/combo/styling/package.json     |   4 +-
 samples/inputs/combo/templates/package.json   |   4 +-
 .../input-format-display-format/package.json  |   4 +-
 .../min-max-value/package.json                |   4 +-
 .../date-time-input/overview/package.json     |   4 +-
 .../date-time-input/step-up-down/package.json |   4 +-
 samples/inputs/dropdown/group/package.json    |   4 +-
 samples/inputs/dropdown/header/package.json   |   4 +-
 samples/inputs/dropdown/item/package.json     |   4 +-
 samples/inputs/dropdown/overview/package.json |   4 +-
 samples/inputs/dropdown/position/package.json |   4 +-
 samples/inputs/dropdown/styling/package.json  |   4 +-
 samples/inputs/dropdown/target/package.json   |   4 +-
 samples/inputs/icon-button/size/package.json  |   4 +-
 .../inputs/icon-button/styling/package.json   |   4 +-
 .../inputs/icon-button/variant/package.json   |   4 +-
 samples/inputs/input/helper-text/package.json |   4 +-
 samples/inputs/input/overview/package.json    |   4 +-
 .../inputs/input/prefix-suffix/package.json   |   4 +-
 samples/inputs/input/size/package.json        |   4 +-
 samples/inputs/input/styling/package.json     |   4 +-
 .../dynamic/package.json                      |   4 +-
 .../simple/package.json                       |   4 +-
 .../striped/package.json                      |   4 +-
 .../styling/package.json                      |   4 +-
 .../types/package.json                        |   4 +-
 .../mask-input/applying-mask/package.json     |   4 +-
 .../inputs/mask-input/overview/package.json   |   4 +-
 .../mask-input/value-modes/package.json       |   4 +-
 samples/inputs/radio/alignment/package.json   |   4 +-
 samples/inputs/radio/disabled/package.json    |   4 +-
 samples/inputs/radio/group/package.json       |   4 +-
 samples/inputs/radio/invalid/package.json     |   4 +-
 samples/inputs/radio/label/package.json       |   4 +-
 samples/inputs/radio/styling/package.json     |   4 +-
 samples/inputs/rating/basic/package.json      |   4 +-
 samples/inputs/rating/custom/package.json     |   4 +-
 samples/inputs/rating/empty/package.json      |   4 +-
 .../rating/single-selection/package.json      |   4 +-
 samples/inputs/rating/styling/package.json    |   4 +-
 samples/inputs/ripple/button/package.json     |   4 +-
 samples/inputs/ripple/color/package.json      |   4 +-
 samples/inputs/select/group/package.json      |   4 +-
 samples/inputs/select/header/package.json     |   4 +-
 samples/inputs/select/item/package.json       |   4 +-
 samples/inputs/select/overview/package.json   |   4 +-
 samples/inputs/select/styling/package.json    |   4 +-
 .../inputs/slider/constraints/package.json    |   4 +-
 samples/inputs/slider/disabled/package.json   |   4 +-
 samples/inputs/slider/discrete/package.json   |   4 +-
 samples/inputs/slider/labels/package.json     |   4 +-
 samples/inputs/slider/overview/package.json   |   4 +-
 samples/inputs/slider/styling/package.json    |   4 +-
 .../inputs/slider/tick-labels/package.json    |   4 +-
 samples/inputs/slider/ticks/package.json      |   4 +-
 .../inputs/slider/value-format/package.json   |   4 +-
 samples/inputs/slider/value/package.json      |   4 +-
 samples/inputs/switches/checking/package.json |   4 +-
 samples/inputs/switches/disabled/package.json |   4 +-
 samples/inputs/switches/label/package.json    |   4 +-
 samples/inputs/switches/overview/package.json |   4 +-
 .../textarea/form-integration/package.json    |   4 +-
 samples/inputs/textarea/overview/package.json |   4 +-
 samples/inputs/textarea/resize/package.json   |   4 +-
 samples/inputs/textarea/slots/package.json    |   4 +-
 samples/inputs/textarea/styling/package.json  |   4 +-
 .../accordion/customization/package.json      |   4 +-
 .../accordion/nested-scenario/package.json    |   4 +-
 .../layouts/accordion/overview/package.json   |   4 +-
 samples/layouts/avatar/icon/package.json      |   4 +-
 samples/layouts/avatar/image/package.json     |   4 +-
 samples/layouts/avatar/initials/package.json  |   4 +-
 samples/layouts/avatar/shape/package.json     |   4 +-
 samples/layouts/avatar/size/package.json      |   4 +-
 samples/layouts/card/horizontal/package.json  |   4 +-
 samples/layouts/card/integration/package.json |   4 +-
 samples/layouts/card/overview/package.json    |   4 +-
 .../layouts/card/semi-horizontal/package.json |   4 +-
 samples/layouts/card/styling/package.json     |   4 +-
 .../layouts/carousel/animations/package.json  |   4 +-
 .../layouts/carousel/components/package.json  |   4 +-
 .../layouts/carousel/overview/package.json    |   4 +-
 .../layouts/carousel/thumbnail/package.json   |   4 +-
 samples/layouts/divider/dashed/package.json   |   4 +-
 samples/layouts/divider/middle/package.json   |   4 +-
 samples/layouts/divider/overview/package.json |   4 +-
 samples/layouts/divider/select/package.json   |   4 +-
 samples/layouts/divider/vertical/package.json |   4 +-
 .../add-content-runtime/package.json          |   4 +-
 .../contained-in-boundaries/package.json      |   4 +-
 .../customize-buttons/package.json            |   4 +-
 .../embedding-frames/package.json             |   6 +-
 .../dock-manager/focus-panes/package.json     |   4 +-
 .../hide-pane-headers/package.json            |   4 +-
 .../dock-manager/hiding-panes/package.json    |   6 +-
 .../dock-manager/overview/package.json        |   6 +-
 .../dock-manager/proximity-dock/package.json  |   4 +-
 .../layouts/dock-manager/styling/package.json |   8 +-
 .../toggle-inner-dock/package.json            |   4 +-
 .../dock-manager/updating-panes/package.json  |  12 +-
 .../component-customization/package.json      |   4 +-
 .../properties-and-events/package.json        |   4 +-
 .../expansion-panel/styling/package.json      |   4 +-
 .../expansion-panel/usage/package.json        |   4 +-
 samples/layouts/icon/sizing/package.json      |   4 +-
 samples/layouts/icon/styling/package.json     |   4 +-
 .../layouts/stepper/animations/package.json   |   4 +-
 samples/layouts/stepper/linear/package.json   |   4 +-
 .../layouts/stepper/orientation/package.json  |   4 +-
 samples/layouts/stepper/overview/package.json |   4 +-
 .../layouts/stepper/steptypes/package.json    |   4 +-
 samples/layouts/tabs/alignment/package.json   |   4 +-
 samples/layouts/tabs/overview/package.json    |   4 +-
 .../layouts/tabs/prefix-suffix/package.json   |   4 +-
 samples/layouts/tabs/scrolling/package.json   |   4 +-
 .../geo-map/binding-data-csv/package.json     |   8 +-
 .../binding-data-json-points/package.json     |   8 +-
 .../geo-map/binding-data-model/package.json   |   8 +-
 .../binding-multiple-shapes/package.json      |   8 +-
 .../binding-multiple-sources/package.json     |   8 +-
 .../geo-map/binding-shp-points/package.json   |   8 +-
 .../geo-map/binding-shp-polygons/package.json |   8 +-
 .../binding-shp-polylines/package.json        |   8 +-
 .../maps/geo-map/custom-tooltips/package.json |   8 +-
 .../geo-map/display-all-imagery/package.json  |   8 +-
 .../geo-map/display-bing-imagery/package.json |   8 +-
 .../geo-map/display-esri-imagery/package.json |   8 +-
 .../geo-map/display-heat-imagery/package.json |   8 +-
 .../geo-map/display-osm-imagery/package.json  |   8 +-
 .../maps/geo-map/marker-template/package.json |   8 +-
 samples/maps/geo-map/marker-type/package.json |   8 +-
 samples/maps/geo-map/navigation/package.json  |   8 +-
 samples/maps/geo-map/overview/package.json    |   8 +-
 .../maps/geo-map/shape-styling/package.json   |   8 +-
 .../maps/geo-map/synchronization/package.json |   8 +-
 .../geo-map/triangulating-data/package.json   |   8 +-
 .../type-scatter-area-series/package.json     |   8 +-
 .../type-scatter-bubble-series/package.json   |   8 +-
 .../type-scatter-contour-series/package.json  |   8 +-
 .../type-scatter-density-series/package.json  |   8 +-
 .../type-scatter-symbol-series/package.json   |   8 +-
 .../type-shape-polygon-series/package.json    |   8 +-
 .../type-shape-polyline-series/package.json   |   8 +-
 samples/menus/nav-bar/overview/package.json   |   4 +-
 samples/menus/nav-bar/styling/package.json    |   4 +-
 .../nav-drawer/add-drawer-items/package.json  |   4 +-
 .../menus/nav-drawer/add-mini/package.json    |   4 +-
 .../add-positions-navbar/package.json         |   4 +-
 samples/menus/nav-drawer/styling/package.json |   4 +-
 .../banner-advanced-sample/package.json       |   4 +-
 .../banner/banner-sample-1/package.json       |   4 +-
 .../banner/banner-sample-2/package.json       |   4 +-
 .../banner/banner-styling/package.json        |   4 +-
 .../dialog/closing-variations/package.json    |   4 +-
 .../notifications/dialog/form/package.json    |   4 +-
 .../dialog/overview/package.json              |   4 +-
 .../notifications/dialog/styling/package.json |   4 +-
 .../snackbar/action-text/package.json         |   4 +-
 .../snackbar/display-time/package.json        |   4 +-
 .../snackbar/overview/package.json            |   4 +-
 .../snackbar/styling/package.json             |   4 +-
 .../notifications/toast/overview/package.json |   4 +-
 .../toast/properties/package.json             |   4 +-
 .../notifications/toast/styling/package.json  |   4 +-
 .../calendar/disabled-dates/package.json      |   4 +-
 .../calendar/formatting/package.json          |   4 +-
 .../scheduling/calendar/header/package.json   |   4 +-
 .../calendar/multiple-months/package.json     |   4 +-
 .../calendar/multiple-selection/package.json  |   4 +-
 .../scheduling/calendar/overview/package.json |   4 +-
 .../calendar/range-selection/package.json     |   4 +-
 samples/scheduling/calendar/size/package.json |   4 +-
 .../calendar/special-dates/package.json       |   4 +-
 .../scheduling/calendar/styling/package.json  |   4 +-
 .../calendar/week-numbers/package.json        |   4 +-
 .../date-picker/dialog-mode/package.json      |   4 +-
 .../scheduling/date-picker/form/package.json  |   4 +-
 .../date-picker/format/package.json           |   4 +-
 .../date-picker/overview/package.json         |   4 +-
 .../date-picker/styling/package.json          |   4 +-
 870 files changed, 3367 insertions(+), 3368 deletions(-)

diff --git a/browser/tasks/gulp-samples.js b/browser/tasks/gulp-samples.js
index 1e6b1ecb28..a26d31f514 100644
--- a/browser/tasks/gulp-samples.js
+++ b/browser/tasks/gulp-samples.js
@@ -976,22 +976,22 @@ function updateIG(cb) {
     // { name:               "igniteui-webcomponents-core", version: "3.2.2" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { name: "igniteui-webcomponents-core"                     , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-charts"                   , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-excel"                    , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-gauges"                   , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-grids"                    , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-inputs"                   , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-layouts"                  , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-maps"                     , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.0.3-beta.0" },
-        { name: "igniteui-webcomponents-datasources"              , version: "5.0.3-beta.0" },
+        { name: "igniteui-webcomponents-core"                     , version: "5.1.0" },
+        { name: "igniteui-webcomponents-charts"                   , version: "5.1.0" },
+        { name: "igniteui-webcomponents-excel"                    , version: "5.1.0" },
+        { name: "igniteui-webcomponents-gauges"                   , version: "5.1.0" },
+        { name: "igniteui-webcomponents-grids"                    , version: "5.1.0" },
+        { name: "igniteui-webcomponents-inputs"                   , version: "5.1.0" },
+        { name: "igniteui-webcomponents-layouts"                  , version: "5.1.0" },
+        { name: "igniteui-webcomponents-maps"                     , version: "5.1.0" },
+        { name: "igniteui-webcomponents-spreadsheet-chart-adapter", version: "5.1.0" },
+        { name: "igniteui-webcomponents-spreadsheet"              , version: "5.1.0" },
+        { name: "igniteui-webcomponents-datasources"              , version: "5.1.0" },
         // these IG packages are sometimes updated:
-        { name: "igniteui-webcomponents", version: "5.1.1" },
-        { name: "igniteui-dockmanager", version: "1.14.3" },
+        { name: "igniteui-webcomponents", version: "5.1.2" },
+        { name: "igniteui-dockmanager", version: "1.15.2" },
         // other packages:
-        { name: "webpack", version: "^5.74.0"  },
+        { name: "webpack", version: "^5.96.1"  },
         { name: "webpack-cli", version: "^4.10.0"  },
         { name: "webpack-dev-server", version: "^4.11.1"  },
         { name: "lit", version: "^3.2.0"  },
diff --git a/package-lock.json b/package-lock.json
index ed5c23014e..bb4c5768f7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,19 +20,19 @@
         "@webcomponents/webcomponentsjs": "2.3.0",
         "core-js": "^3.6.5",
         "file-saver": "^2.0.2",
-        "igniteui-dockmanager": "1.14.3",
-        "igniteui-webcomponents": "5.1.1",
-        "igniteui-webcomponents-charts": "5.0.3-beta.0",
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-        "igniteui-webcomponents-excel": "5.0.3-beta.0",
-        "igniteui-webcomponents-gauges": "5.0.3-beta.0",
-        "igniteui-webcomponents-grids": "5.0.3-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-        "igniteui-webcomponents-layouts": "5.0.3-beta.0",
-        "igniteui-webcomponents-maps": "5.0.3-beta.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+        "igniteui-dockmanager": "1.15.2",
+        "igniteui-webcomponents": "5.1.2",
+        "igniteui-webcomponents-charts": "5.1.0",
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-datasources": "5.1.0",
+        "igniteui-webcomponents-excel": "5.1.0",
+        "igniteui-webcomponents-gauges": "5.1.0",
+        "igniteui-webcomponents-grids": "5.1.0",
+        "igniteui-webcomponents-inputs": "5.1.0",
+        "igniteui-webcomponents-layouts": "5.1.0",
+        "igniteui-webcomponents-maps": "5.1.0",
+        "igniteui-webcomponents-spreadsheet": "5.1.0",
+        "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
         "lit": "^3.2.0",
         "lit-html": "^3.2.0"
       },
@@ -8770,9 +8770,9 @@
       }
     },
     "node_modules/igniteui-dockmanager": {
-      "version": "1.14.3",
-      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-1.14.3.tgz",
-      "integrity": "sha512-nxfPXeOWs8PYOotaA5B7Ylj1pen2tpXaWa0dykJxrgkIIj1VKgybK6HahZ5FAh2dui4hqyAgE20FLDHTU5zkSA==",
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-1.15.2.tgz",
+      "integrity": "sha512-FtcWCbHhWfTuVZ1ltaiZstu88/O6NYny6BzkgVNELoLa/oqHCktjL6JoMTOC4a/QwDpoP3AMi+UmbvkQrE0fRQ==",
       "dependencies": {
         "igniteui-trial-watermark": "^1.0.3"
       }
@@ -8783,10 +8783,9 @@
       "integrity": "sha512-q6thtu+7R6MOB+i9GorFPCcWeOImW43BzCAtKnDAYWwaoueb8Lg1EhBkIhAyfEIH+yZ/9c5lnZdU61/GRPoP+g=="
     },
     "node_modules/igniteui-webcomponents": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.1.1.tgz",
-      "integrity": "sha512-//owN7Cr9q+CBjxcZYNqECnaD4d7NHIzXJlaIr1Hi39yECP/24XnX+84UjVHgHldnAK0WlzSRR71hQud+W6S4Q==",
-      "license": "SEE LICENSE IN LICENSE",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-5.1.2.tgz",
+      "integrity": "sha512-OnNLMm4VMpBLyGF8P6zDaHEqaw3M+Rfy+/FHAkpzZAs5TD31uwFZrd4mvKV5Isqp1VuSma8Gzr0RnSti29QbCw==",
       "dependencies": {
         "@floating-ui/dom": "^1.6.0",
         "@lit-labs/virtualizer": "^2.0.10",
@@ -8798,14 +8797,14 @@
       }
     },
     "node_modules/igniteui-webcomponents-charts": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.0.3-beta.0.tgz",
-      "integrity": "sha512-rS1/WtNSUdZMXOQk26yW6oMkf5bVOc3wYSqK0VsiQJu4vUJj5WiaZWWsHPgsxsJfeYEG5mfROOxryNazCA1NTQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-charts/-/igniteui-webcomponents-charts-5.1.0.tgz",
+      "integrity": "sha512-f0qfHyt7AVKaXwUInkX7mbqmY3xN7M0mdGQXSH19BmImtXTRFnLQmz88qDRY7klZu30hBAOMF+cCwqeplh0/CQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-charts/node_modules/tslib": {
@@ -8814,9 +8813,9 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-core": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.0.3-beta.0.tgz",
-      "integrity": "sha512-8WHGu1FzaoDgqLoyWo8DtKKAc6Yq+RLxBu8KKr5NAyheQYH1V4Zviw/sQz/AmIhpMkq+EBIBBvTgAoheZOWjpA==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-core/-/igniteui-webcomponents-core-5.1.0.tgz",
+      "integrity": "sha512-cT+fHs2fCRpvGQJ2IUR9n5kUxyHYuqtBLTHQqLWJdsjBDsiZWaeNwQOEFRhEfgQtkK8TL0sD2JoFSJke1CZjwA==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
@@ -8830,14 +8829,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-datasources": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.0.3-beta.0.tgz",
-      "integrity": "sha512-Sq3zDGpbM7wx49GMqf9Yt6QmpuPoqD61W0JoRUhJcHi50UNA2KCbCkAZAfJ2LxXEEBAdr0LuiCLsNBGw8n1RmQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-datasources/-/igniteui-webcomponents-datasources-5.1.0.tgz",
+      "integrity": "sha512-Wv+Wh4bwWcj3ZPo6Q+B5Cldlxxqa+VxItslUIj7hxLxRLzbOEzqe5IaMO/qp0gaX4DJLtVZGaALN7RXTUhSpCw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-datasources/node_modules/tslib": {
@@ -8846,16 +8845,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-excel": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.0.3-beta.0.tgz",
-      "integrity": "sha512-CP5QnBGuTWrhmwaVgEzYow9xU5cKeEsa0M5jbGOsJVvuzMg9wVomVLn1hZQa5bvOJZCyK2RrXhhMRDkluH/38g==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-excel/-/igniteui-webcomponents-excel-5.1.0.tgz",
+      "integrity": "sha512-fCwkHy/sezTvmUxafVKL56lss6FWT3OkFgPS12/xxk71fNezXSNADthrdfCUD81MN+ENhMjm70t0nSRwGmjNeQ==",
       "dependencies": {
         "jszip": "^3.1.5",
         "pako": "^1.0.6",
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-excel/node_modules/tslib": {
@@ -8864,14 +8863,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-gauges": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.0.3-beta.0.tgz",
-      "integrity": "sha512-Nx02pjdzkTVByjoY37kzQ7DSt2TNimTE+DDnRx6pmc9dOaly8PTgF+yfjXzVDmgUCermtgk6TdPWJtdbMSoEdQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-gauges/-/igniteui-webcomponents-gauges-5.1.0.tgz",
+      "integrity": "sha512-l79Pog49UmFJhZTvwmz542F2vCoE/IgrRsQW6Rrqv67h31e/cWdL0vpv92SmuB/jFdaowbKz5fONT08Js+qHVQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-gauges/node_modules/tslib": {
@@ -8880,16 +8879,16 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-grids": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.0.3-beta.0.tgz",
-      "integrity": "sha512-D19p3pLkdGvzMSfRbQgJQrS4Ui3DF4Pe1VbRnD10O0v6nBqGYml+sxbnR3mkQTLKhpOqPPiXc9WkPZsNqoiccw==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-grids/-/igniteui-webcomponents-grids-5.1.0.tgz",
+      "integrity": "sha512-ap0lXTH7SumgmBDHOSCCx7DNJUU1dNMrTYmv/ywIljNox2KngWDkNCWfRvJUlUxscUbZlr7oxcB6MTBGkZhrLQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-        "igniteui-webcomponents-layouts": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-inputs": "5.1.0",
+        "igniteui-webcomponents-layouts": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-grids/node_modules/tslib": {
@@ -8898,14 +8897,14 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-inputs": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.0.3-beta.0.tgz",
-      "integrity": "sha512-aciUOV3GYExvU/8z581tlbKK37pIyUhrvp/O4Qp4DIvsAI1bfi6Vg/pTMe9ayFjfLpc74/3tdAhGXjVjxy9ejQ==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-inputs/-/igniteui-webcomponents-inputs-5.1.0.tgz",
+      "integrity": "sha512-ugwnqy9mhgfHlpnXADIEEkIn8/nq1Xj7x4FEVd3wdZkT7RTs/DfrUARYEUdIJsYpSfcv+lE/0V+zuOGntibCwQ==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-inputs/node_modules/tslib": {
@@ -8914,15 +8913,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-layouts": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.0.3-beta.0.tgz",
-      "integrity": "sha512-md5mRE7vlj1i4+Hkl2fcykJBBPfAmKnpizDiBNDz23BhS1Hj04pcL5B8emnaxk2d6tYe5arkeBvGOi16IZLADg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-layouts/-/igniteui-webcomponents-layouts-5.1.0.tgz",
+      "integrity": "sha512-otY/p+eoDT6+TP2DTWRyiA9aANh4D92FMclAngbkSPfKPY/LldbasnL+gxrCQDRdHNqxLfEr11XzR5xDWdBa4Q==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-inputs": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-inputs": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-layouts/node_modules/tslib": {
@@ -8931,15 +8930,15 @@
       "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
     },
     "node_modules/igniteui-webcomponents-maps": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.0.3-beta.0.tgz",
-      "integrity": "sha512-6yXPg1b4Vy6G3ExJ1+vaN4jTHEsa0vWxph7wnjZDWTD6CL8rohSquSv4joGwS2ZknnhriCGvAyHQ/Bl8ZJJ/jg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-maps/-/igniteui-webcomponents-maps-5.1.0.tgz",
+      "integrity": "sha512-m3trF8Zl4/YRwdDRIU4CR32ceKtzAwIsKBJO+QCu2naE22EGEyE7B24Zr1oVBUGLzK6+BFsv/HtDyHoWFrhq1Q==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.3-beta.0",
-        "igniteui-webcomponents-core": "5.0.3-beta.0"
+        "igniteui-webcomponents-charts": "5.1.0",
+        "igniteui-webcomponents-core": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-maps/node_modules/tslib": {
@@ -8948,29 +8947,29 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/igniteui-webcomponents-spreadsheet": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.0.3-beta.0.tgz",
-      "integrity": "sha512-ufU/OtAPvi6uZ1tl4X8X4ZEcIztt3L9rZ3bgTzY+J1fh6WrV4D4Nh2IBD14Oa8CSaxcfo/j+SU7FdNFAjNeXbg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet/-/igniteui-webcomponents-spreadsheet-5.1.0.tgz",
+      "integrity": "sha512-8d52MKH7jTJXRDTA4wQrfmcyrTOBjdTC8HXPeW8sWtuwVOiF9VcBm9Q+gTpq24I5R4sfLZBydpUmOpIFUSWAaw==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-excel": "5.0.3-beta.0"
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-excel": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter": {
-      "version": "5.0.3-beta.0",
-      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.0.3-beta.0.tgz",
-      "integrity": "sha512-VDNogVI7BDx5QMWbKRS1Jq92k4PjgtW+AXEMMZ/YQjfSEzOqYE89/h3QFlUvyOCMX98Fioch9dKpWIahQt7JQg==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/igniteui-webcomponents-spreadsheet-chart-adapter/-/igniteui-webcomponents-spreadsheet-chart-adapter-5.1.0.tgz",
+      "integrity": "sha512-g52WApAADmwfOlak6oNfIqiUNPIzdJl2hr4Yg8A/03wl+f4W+cH859zHAvqBpwTTLGo2DC+nUHhI2ZFjImTywg==",
       "dependencies": {
         "tslib": "^2.3.1"
       },
       "peerDependencies": {
-        "igniteui-webcomponents-charts": "5.0.3-beta.0",
-        "igniteui-webcomponents-core": "5.0.3-beta.0",
-        "igniteui-webcomponents-excel": "5.0.3-beta.0",
-        "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0"
+        "igniteui-webcomponents-charts": "5.1.0",
+        "igniteui-webcomponents-core": "5.1.0",
+        "igniteui-webcomponents-excel": "5.1.0",
+        "igniteui-webcomponents-spreadsheet": "5.1.0"
       }
     },
     "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter/node_modules/tslib": {
diff --git a/package.json b/package.json
index 634764f98a..1f6bcba373 100644
--- a/package.json
+++ b/package.json
@@ -40,19 +40,19 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "core-js": "^3.6.5",
     "file-saver": "^2.0.2",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0"
   },
diff --git a/samples/charts/category-chart/annotations-all/package.json b/samples/charts/category-chart/annotations-all/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/annotations-all/package.json
+++ b/samples/charts/category-chart/annotations-all/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-callouts/package.json b/samples/charts/category-chart/annotations-callouts/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/annotations-callouts/package.json
+++ b/samples/charts/category-chart/annotations-callouts/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-crosshairs/package.json b/samples/charts/category-chart/annotations-crosshairs/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/annotations-crosshairs/package.json
+++ b/samples/charts/category-chart/annotations-crosshairs/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-custom/package.json b/samples/charts/category-chart/annotations-custom/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/annotations-custom/package.json
+++ b/samples/charts/category-chart/annotations-custom/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-final-value/package.json b/samples/charts/category-chart/annotations-final-value/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/annotations-final-value/package.json
+++ b/samples/charts/category-chart/annotations-final-value/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations-highlighting/package.json b/samples/charts/category-chart/annotations-highlighting/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/annotations-highlighting/package.json
+++ b/samples/charts/category-chart/annotations-highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/annotations/package.json b/samples/charts/category-chart/annotations/package.json
index d1899e40bf..6e8852c772 100644
--- a/samples/charts/category-chart/annotations/package.json
+++ b/samples/charts/category-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/area-chart-multiple-sources/package.json b/samples/charts/category-chart/area-chart-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/area-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/area-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/area-chart-single-source/package.json b/samples/charts/category-chart/area-chart-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/area-chart-single-source/package.json
+++ b/samples/charts/category-chart/area-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/area-chart-styling/package.json b/samples/charts/category-chart/area-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/area-chart-styling/package.json
+++ b/samples/charts/category-chart/area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-gap/package.json b/samples/charts/category-chart/axis-gap/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-gap/package.json
+++ b/samples/charts/category-chart/axis-gap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-gridlines/package.json b/samples/charts/category-chart/axis-gridlines/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-gridlines/package.json
+++ b/samples/charts/category-chart/axis-gridlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-inverted/package.json b/samples/charts/category-chart/axis-inverted/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-inverted/package.json
+++ b/samples/charts/category-chart/axis-inverted/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-labels/package.json b/samples/charts/category-chart/axis-labels/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-labels/package.json
+++ b/samples/charts/category-chart/axis-labels/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-locations/package.json b/samples/charts/category-chart/axis-locations/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-locations/package.json
+++ b/samples/charts/category-chart/axis-locations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-options/package.json b/samples/charts/category-chart/axis-options/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/axis-options/package.json
+++ b/samples/charts/category-chart/axis-options/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-overlap/package.json b/samples/charts/category-chart/axis-overlap/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-overlap/package.json
+++ b/samples/charts/category-chart/axis-overlap/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-range/package.json b/samples/charts/category-chart/axis-range/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-range/package.json
+++ b/samples/charts/category-chart/axis-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-tickmarks/package.json b/samples/charts/category-chart/axis-tickmarks/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/axis-tickmarks/package.json
+++ b/samples/charts/category-chart/axis-tickmarks/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/axis-titles/package.json b/samples/charts/category-chart/axis-titles/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/axis-titles/package.json
+++ b/samples/charts/category-chart/axis-titles/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/chart-highlight-filter/package.json b/samples/charts/category-chart/chart-highlight-filter/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/chart-highlight-filter/package.json
+++ b/samples/charts/category-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/column-chart-multiple-sources/package.json b/samples/charts/category-chart/column-chart-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/column-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/column-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/column-chart-single-source/package.json b/samples/charts/category-chart/column-chart-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/column-chart-single-source/package.json
+++ b/samples/charts/category-chart/column-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/column-chart-styling/package.json b/samples/charts/category-chart/column-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/column-chart-styling/package.json
+++ b/samples/charts/category-chart/column-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 4ff3f1a8a6..a2061879ac 100644
--- a/samples/charts/category-chart/column-chart-with-highlighting/package.json
+++ b/samples/charts/category-chart/column-chart-with-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/column-chart-with-tooltips/package.json b/samples/charts/category-chart/column-chart-with-tooltips/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/column-chart-with-tooltips/package.json
+++ b/samples/charts/category-chart/column-chart-with-tooltips/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/custom-selection/package.json b/samples/charts/category-chart/custom-selection/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/custom-selection/package.json
+++ b/samples/charts/category-chart/custom-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-aggregations/package.json b/samples/charts/category-chart/data-aggregations/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/data-aggregations/package.json
+++ b/samples/charts/category-chart/data-aggregations/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-filter/package.json b/samples/charts/category-chart/data-filter/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/data-filter/package.json
+++ b/samples/charts/category-chart/data-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-legend-formatting-decimals/package.json b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/data-legend-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-legend-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-legend/package.json b/samples/charts/category-chart/data-legend/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/data-legend/package.json
+++ b/samples/charts/category-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
+++ b/samples/charts/category-chart/data-tooltip-formatting-decimals/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-tooltip-positioning/package.json b/samples/charts/category-chart/data-tooltip-positioning/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/data-tooltip-positioning/package.json
+++ b/samples/charts/category-chart/data-tooltip-positioning/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/data-tooltip/package.json b/samples/charts/category-chart/data-tooltip/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/data-tooltip/package.json
+++ b/samples/charts/category-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/format-specifiers/package.json b/samples/charts/category-chart/format-specifiers/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/category-chart/format-specifiers/package.json
+++ b/samples/charts/category-chart/format-specifiers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/high-frequency/package.json b/samples/charts/category-chart/high-frequency/package.json
index 1fb33dee25..9f5f886fdc 100644
--- a/samples/charts/category-chart/high-frequency/package.json
+++ b/samples/charts/category-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/high-volume/package.json b/samples/charts/category-chart/high-volume/package.json
index e25ddfc3af..b396cff716 100644
--- a/samples/charts/category-chart/high-volume/package.json
+++ b/samples/charts/category-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/highlighting-behavior/package.json b/samples/charts/category-chart/highlighting-behavior/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/highlighting-behavior/package.json
+++ b/samples/charts/category-chart/highlighting-behavior/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/highlighting-mode/package.json b/samples/charts/category-chart/highlighting-mode/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/highlighting-mode/package.json
+++ b/samples/charts/category-chart/highlighting-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/highlighting/package.json b/samples/charts/category-chart/highlighting/package.json
index 4ff3f1a8a6..a2061879ac 100644
--- a/samples/charts/category-chart/highlighting/package.json
+++ b/samples/charts/category-chart/highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/legend-highlighting/package.json b/samples/charts/category-chart/legend-highlighting/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/legend-highlighting/package.json
+++ b/samples/charts/category-chart/legend-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/line-chart-multiple-sources/package.json b/samples/charts/category-chart/line-chart-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/line-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/line-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/line-chart-single-source/package.json b/samples/charts/category-chart/line-chart-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/line-chart-single-source/package.json
+++ b/samples/charts/category-chart/line-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/line-chart-styling/package.json b/samples/charts/category-chart/line-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/line-chart-styling/package.json
+++ b/samples/charts/category-chart/line-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 e228d60596..80a11dbde7 100644
--- a/samples/charts/category-chart/line-chart-with-animations/package.json
+++ b/samples/charts/category-chart/line-chart-with-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 d1899e40bf..6e8852c772 100644
--- a/samples/charts/category-chart/line-chart-with-annotations/package.json
+++ b/samples/charts/category-chart/line-chart-with-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/marker-options/package.json b/samples/charts/category-chart/marker-options/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/marker-options/package.json
+++ b/samples/charts/category-chart/marker-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/marker-templates/package.json b/samples/charts/category-chart/marker-templates/package.json
index e9bb2bd534..b566357064 100644
--- a/samples/charts/category-chart/marker-templates/package.json
+++ b/samples/charts/category-chart/marker-templates/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/overview/package.json b/samples/charts/category-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/overview/package.json
+++ b/samples/charts/category-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/point-chart-multiple-sources/package.json b/samples/charts/category-chart/point-chart-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/point-chart-multiple-sources/package.json
+++ b/samples/charts/category-chart/point-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/point-chart-single-source/package.json b/samples/charts/category-chart/point-chart-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/point-chart-single-source/package.json
+++ b/samples/charts/category-chart/point-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/point-chart-styling/package.json b/samples/charts/category-chart/point-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/point-chart-styling/package.json
+++ b/samples/charts/category-chart/point-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/selection-modes/package.json b/samples/charts/category-chart/selection-modes/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/selection-modes/package.json
+++ b/samples/charts/category-chart/selection-modes/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/selection-multiple-modes/package.json b/samples/charts/category-chart/selection-multiple-modes/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/selection-multiple-modes/package.json
+++ b/samples/charts/category-chart/selection-multiple-modes/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-area-multiple-sources/package.json b/samples/charts/category-chart/spline-area-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/spline-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-area-single-source/package.json b/samples/charts/category-chart/spline-area-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/spline-area-single-source/package.json
+++ b/samples/charts/category-chart/spline-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-area-styling/package.json b/samples/charts/category-chart/spline-area-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/spline-area-styling/package.json
+++ b/samples/charts/category-chart/spline-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-multiple-sources/package.json b/samples/charts/category-chart/spline-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/spline-multiple-sources/package.json
+++ b/samples/charts/category-chart/spline-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-single-source/package.json b/samples/charts/category-chart/spline-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/spline-single-source/package.json
+++ b/samples/charts/category-chart/spline-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/spline-styling/package.json b/samples/charts/category-chart/spline-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/spline-styling/package.json
+++ b/samples/charts/category-chart/spline-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/stack-columns/package.json b/samples/charts/category-chart/stack-columns/package.json
index 3dab0218b3..5fda8b5427 100644
--- a/samples/charts/category-chart/stack-columns/package.json
+++ b/samples/charts/category-chart/stack-columns/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-area-multiple-sources/package.json b/samples/charts/category-chart/step-area-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/step-area-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-area-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-area-single-source/package.json b/samples/charts/category-chart/step-area-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/step-area-single-source/package.json
+++ b/samples/charts/category-chart/step-area-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-area-styling/package.json b/samples/charts/category-chart/step-area-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/step-area-styling/package.json
+++ b/samples/charts/category-chart/step-area-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-line-multiple-sources/package.json b/samples/charts/category-chart/step-line-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/step-line-multiple-sources/package.json
+++ b/samples/charts/category-chart/step-line-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-line-single-source/package.json b/samples/charts/category-chart/step-line-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/step-line-single-source/package.json
+++ b/samples/charts/category-chart/step-line-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/step-line-styling/package.json b/samples/charts/category-chart/step-line-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/category-chart/step-line-styling/package.json
+++ b/samples/charts/category-chart/step-line-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/tooltip-template/package.json b/samples/charts/category-chart/tooltip-template/package.json
index db2abb4cc0..526ac329dc 100644
--- a/samples/charts/category-chart/tooltip-template/package.json
+++ b/samples/charts/category-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/tooltip-types/package.json b/samples/charts/category-chart/tooltip-types/package.json
index db2abb4cc0..526ac329dc 100644
--- a/samples/charts/category-chart/tooltip-types/package.json
+++ b/samples/charts/category-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/trendline/package.json b/samples/charts/category-chart/trendline/package.json
index d3a3a0f5af..7364741400 100644
--- a/samples/charts/category-chart/trendline/package.json
+++ b/samples/charts/category-chart/trendline/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/category-chart/value-lines/package.json b/samples/charts/category-chart/value-lines/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/category-chart/value-lines/package.json
+++ b/samples/charts/category-chart/value-lines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/annotations-custom/package.json b/samples/charts/data-chart/annotations-custom/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/annotations-custom/package.json
+++ b/samples/charts/data-chart/annotations-custom/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-annotations-corner-radius/package.json b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/axis-annotations-corner-radius/package.json
+++ b/samples/charts/data-chart/axis-annotations-corner-radius/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-annotations/package.json b/samples/charts/data-chart/axis-annotations/package.json
index 44aab0b16d..4313c76dd2 100644
--- a/samples/charts/data-chart/axis-annotations/package.json
+++ b/samples/charts/data-chart/axis-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-crossing/package.json b/samples/charts/data-chart/axis-crossing/package.json
index d1e63bc9ae..9186f79ca8 100644
--- a/samples/charts/data-chart/axis-crossing/package.json
+++ b/samples/charts/data-chart/axis-crossing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-label-rotation/package.json b/samples/charts/data-chart/axis-label-rotation/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-chart/axis-label-rotation/package.json
+++ b/samples/charts/data-chart/axis-label-rotation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-locations/package.json b/samples/charts/data-chart/axis-locations/package.json
index d1e63bc9ae..9186f79ca8 100644
--- a/samples/charts/data-chart/axis-locations/package.json
+++ b/samples/charts/data-chart/axis-locations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-min-max-gap/package.json b/samples/charts/data-chart/axis-min-max-gap/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/axis-min-max-gap/package.json
+++ b/samples/charts/data-chart/axis-min-max-gap/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-settings/package.json b/samples/charts/data-chart/axis-settings/package.json
index d410d6df14..ebf041a5c2 100644
--- a/samples/charts/data-chart/axis-settings/package.json
+++ b/samples/charts/data-chart/axis-settings/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-sharing/package.json b/samples/charts/data-chart/axis-sharing/package.json
index 3aaf7cb18d..ba0a679ef3 100644
--- a/samples/charts/data-chart/axis-sharing/package.json
+++ b/samples/charts/data-chart/axis-sharing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/axis-types/package.json b/samples/charts/data-chart/axis-types/package.json
index d0df75c680..a8d28a917c 100644
--- a/samples/charts/data-chart/axis-types/package.json
+++ b/samples/charts/data-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/bar-chart-multiple-sources/package.json b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/bar-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/bar-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/bar-chart-overlapping/package.json b/samples/charts/data-chart/bar-chart-overlapping/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/bar-chart-overlapping/package.json
+++ b/samples/charts/data-chart/bar-chart-overlapping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/bar-chart-single-source/package.json b/samples/charts/data-chart/bar-chart-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/bar-chart-single-source/package.json
+++ b/samples/charts/data-chart/bar-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/bar-chart-styling/package.json b/samples/charts/data-chart/bar-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/bar-chart-styling/package.json
+++ b/samples/charts/data-chart/bar-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/callout-layer-styling/package.json b/samples/charts/data-chart/callout-layer-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/callout-layer-styling/package.json
+++ b/samples/charts/data-chart/callout-layer-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-datasource/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter-multiple-series/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-highlight-filter/package.json b/samples/charts/data-chart/chart-highlight-filter/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-chart/chart-highlight-filter/package.json
+++ b/samples/charts/data-chart/chart-highlight-filter/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-navigation/package.json b/samples/charts/data-chart/chart-navigation/package.json
index 747f83790f..1b8365059c 100644
--- a/samples/charts/data-chart/chart-navigation/package.json
+++ b/samples/charts/data-chart/chart-navigation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-overview/package.json b/samples/charts/data-chart/chart-overview/package.json
index 589d23e3bf..cb25ff8645 100644
--- a/samples/charts/data-chart/chart-overview/package.json
+++ b/samples/charts/data-chart/chart-overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-performance/package.json b/samples/charts/data-chart/chart-performance/package.json
index 7631447cd8..3ce8dfde46 100644
--- a/samples/charts/data-chart/chart-performance/package.json
+++ b/samples/charts/data-chart/chart-performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-synchronization/package.json b/samples/charts/data-chart/chart-synchronization/package.json
index e56e21584d..e994fc5aff 100644
--- a/samples/charts/data-chart/chart-synchronization/package.json
+++ b/samples/charts/data-chart/chart-synchronization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/chart-titles/package.json b/samples/charts/data-chart/chart-titles/package.json
index 749ca3bfe1..68094b19f5 100644
--- a/samples/charts/data-chart/chart-titles/package.json
+++ b/samples/charts/data-chart/chart-titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/composite-chart/package.json b/samples/charts/data-chart/composite-chart/package.json
index 589d23e3bf..cb25ff8645 100644
--- a/samples/charts/data-chart/composite-chart/package.json
+++ b/samples/charts/data-chart/composite-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/crosshair-layer-styling/package.json b/samples/charts/data-chart/crosshair-layer-styling/package.json
index 462cda9f5c..a931b5dccc 100644
--- a/samples/charts/data-chart/crosshair-layer-styling/package.json
+++ b/samples/charts/data-chart/crosshair-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/custom-drawing-annotations/package.json b/samples/charts/data-chart/custom-drawing-annotations/package.json
index bbfefd3db6..a273195873 100644
--- a/samples/charts/data-chart/custom-drawing-annotations/package.json
+++ b/samples/charts/data-chart/custom-drawing-annotations/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/custom-editing-data/package.json b/samples/charts/data-chart/custom-editing-data/package.json
index 393292b0c0..04eba8b615 100644
--- a/samples/charts/data-chart/custom-editing-data/package.json
+++ b/samples/charts/data-chart/custom-editing-data/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-axes/package.json b/samples/charts/data-chart/dash-array-axes/package.json
index 393292b0c0..04eba8b615 100644
--- a/samples/charts/data-chart/dash-array-axes/package.json
+++ b/samples/charts/data-chart/dash-array-axes/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-series/package.json b/samples/charts/data-chart/dash-array-series/package.json
index 393292b0c0..04eba8b615 100644
--- a/samples/charts/data-chart/dash-array-series/package.json
+++ b/samples/charts/data-chart/dash-array-series/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-tickmarks/package.json b/samples/charts/data-chart/dash-array-tickmarks/package.json
index 393292b0c0..04eba8b615 100644
--- a/samples/charts/data-chart/dash-array-tickmarks/package.json
+++ b/samples/charts/data-chart/dash-array-tickmarks/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/dash-array-trendline/package.json b/samples/charts/data-chart/dash-array-trendline/package.json
index 393292b0c0..04eba8b615 100644
--- a/samples/charts/data-chart/dash-array-trendline/package.json
+++ b/samples/charts/data-chart/dash-array-trendline/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-legend-grouping/package.json b/samples/charts/data-chart/data-legend-grouping/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/data-legend-grouping/package.json
+++ b/samples/charts/data-chart/data-legend-grouping/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-legend-styling/package.json b/samples/charts/data-chart/data-legend-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/data-legend-styling/package.json
+++ b/samples/charts/data-chart/data-legend-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-legend/package.json b/samples/charts/data-chart/data-legend/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/data-legend/package.json
+++ b/samples/charts/data-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-tooltip-grouping/package.json b/samples/charts/data-chart/data-tooltip-grouping/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/data-chart/data-tooltip-grouping/package.json
+++ b/samples/charts/data-chart/data-tooltip-grouping/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-tooltip-styling/package.json b/samples/charts/data-chart/data-tooltip-styling/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/data-chart/data-tooltip-styling/package.json
+++ b/samples/charts/data-chart/data-tooltip-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/data-tooltip/package.json b/samples/charts/data-chart/data-tooltip/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/data-tooltip/package.json
+++ b/samples/charts/data-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 73c10c727c..7e4ac8a4b5 100644
--- a/samples/charts/data-chart/final-value-layer-styling/package.json
+++ b/samples/charts/data-chart/final-value-layer-styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/financial-price-series/package.json b/samples/charts/data-chart/financial-price-series/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/financial-price-series/package.json
+++ b/samples/charts/data-chart/financial-price-series/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/format-specifiers/package.json b/samples/charts/data-chart/format-specifiers/package.json
index 393292b0c0..04eba8b615 100644
--- a/samples/charts/data-chart/format-specifiers/package.json
+++ b/samples/charts/data-chart/format-specifiers/package.json
@@ -26,8 +26,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/legends/package.json b/samples/charts/data-chart/legends/package.json
index 66c1c01084..0740c88fe2 100644
--- a/samples/charts/data-chart/legends/package.json
+++ b/samples/charts/data-chart/legends/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-area-chart-styling/package.json b/samples/charts/data-chart/polar-area-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/polar-area-chart-styling/package.json
+++ b/samples/charts/data-chart/polar-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-area-chart/package.json b/samples/charts/data-chart/polar-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/polar-area-chart/package.json
+++ b/samples/charts/data-chart/polar-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-chart-types/package.json b/samples/charts/data-chart/polar-chart-types/package.json
index 0c158582ab..4856057f53 100644
--- a/samples/charts/data-chart/polar-chart-types/package.json
+++ b/samples/charts/data-chart/polar-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-line-chart/package.json b/samples/charts/data-chart/polar-line-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/polar-line-chart/package.json
+++ b/samples/charts/data-chart/polar-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-scatter-chart/package.json b/samples/charts/data-chart/polar-scatter-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/polar-scatter-chart/package.json
+++ b/samples/charts/data-chart/polar-scatter-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-spline-area-chart/package.json b/samples/charts/data-chart/polar-spline-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/polar-spline-area-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/polar-spline-chart/package.json b/samples/charts/data-chart/polar-spline-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/polar-spline-chart/package.json
+++ b/samples/charts/data-chart/polar-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-area-chart-styling/package.json b/samples/charts/data-chart/radial-area-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-area-chart-styling/package.json
+++ b/samples/charts/data-chart/radial-area-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-area-chart/package.json b/samples/charts/data-chart/radial-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-area-chart/package.json
+++ b/samples/charts/data-chart/radial-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-chart-types/package.json b/samples/charts/data-chart/radial-chart-types/package.json
index a6fd19170f..21bea624d8 100644
--- a/samples/charts/data-chart/radial-chart-types/package.json
+++ b/samples/charts/data-chart/radial-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-column-chart-selection/package.json b/samples/charts/data-chart/radial-column-chart-selection/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-column-chart-selection/package.json
+++ b/samples/charts/data-chart/radial-column-chart-selection/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-column-chart/package.json b/samples/charts/data-chart/radial-column-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-column-chart/package.json
+++ b/samples/charts/data-chart/radial-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-label-mode/package.json b/samples/charts/data-chart/radial-label-mode/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-chart/radial-label-mode/package.json
+++ b/samples/charts/data-chart/radial-label-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-line-chart/package.json b/samples/charts/data-chart/radial-line-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-line-chart/package.json
+++ b/samples/charts/data-chart/radial-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-pie-chart/package.json b/samples/charts/data-chart/radial-pie-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-pie-chart/package.json
+++ b/samples/charts/data-chart/radial-pie-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-pie-proportional-category-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
+++ b/samples/charts/data-chart/radial-proportional-radial-angle-axis/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/range-area-chart/package.json b/samples/charts/data-chart/range-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/range-area-chart/package.json
+++ b/samples/charts/data-chart/range-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/range-column-chart/package.json b/samples/charts/data-chart/range-column-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/range-column-chart/package.json
+++ b/samples/charts/data-chart/range-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-fill-scale/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-multiple-sources/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-single-source/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
+++ b/samples/charts/data-chart/scatter-bubble-chart-styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-line-chart/package.json b/samples/charts/data-chart/scatter-line-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/scatter-line-chart/package.json
+++ b/samples/charts/data-chart/scatter-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-point-chart/package.json b/samples/charts/data-chart/scatter-point-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/scatter-point-chart/package.json
+++ b/samples/charts/data-chart/scatter-point-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/scatter-spline-chart/package.json b/samples/charts/data-chart/scatter-spline-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/scatter-spline-chart/package.json
+++ b/samples/charts/data-chart/scatter-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-animations/package.json b/samples/charts/data-chart/series-animations/package.json
index 9b3d2e48f7..20fe9acd3e 100644
--- a/samples/charts/data-chart/series-animations/package.json
+++ b/samples/charts/data-chart/series-animations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-annotations/package.json b/samples/charts/data-chart/series-annotations/package.json
index 245c3e8e45..d75cfb9590 100644
--- a/samples/charts/data-chart/series-annotations/package.json
+++ b/samples/charts/data-chart/series-annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-error-bars/package.json b/samples/charts/data-chart/series-error-bars/package.json
index 42ab399e63..b93c50cbae 100644
--- a/samples/charts/data-chart/series-error-bars/package.json
+++ b/samples/charts/data-chart/series-error-bars/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-highlighting/package.json b/samples/charts/data-chart/series-highlighting/package.json
index 3b13cbfe82..5e55c6ceca 100644
--- a/samples/charts/data-chart/series-highlighting/package.json
+++ b/samples/charts/data-chart/series-highlighting/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-marker-template/package.json b/samples/charts/data-chart/series-marker-template/package.json
index 0965c6d7a3..5563c17835 100644
--- a/samples/charts/data-chart/series-marker-template/package.json
+++ b/samples/charts/data-chart/series-marker-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-markers/package.json b/samples/charts/data-chart/series-markers/package.json
index 77f143cc9b..b7d3033d2b 100644
--- a/samples/charts/data-chart/series-markers/package.json
+++ b/samples/charts/data-chart/series-markers/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-tooltips/package.json b/samples/charts/data-chart/series-tooltips/package.json
index 0446916fc2..4be2d8ec68 100644
--- a/samples/charts/data-chart/series-tooltips/package.json
+++ b/samples/charts/data-chart/series-tooltips/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-trendlines/package.json b/samples/charts/data-chart/series-trendlines/package.json
index 6ed68b1d6a..43ceb6862e 100644
--- a/samples/charts/data-chart/series-trendlines/package.json
+++ b/samples/charts/data-chart/series-trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/series-value-overlay/package.json b/samples/charts/data-chart/series-value-overlay/package.json
index 8b89849cbe..61a403d111 100644
--- a/samples/charts/data-chart/series-value-overlay/package.json
+++ b/samples/charts/data-chart/series-value-overlay/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-100-area-chart/package.json b/samples/charts/data-chart/stacked-100-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-100-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-100-bar-chart/package.json b/samples/charts/data-chart/stacked-100-bar-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-100-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-100-column-chart/package.json b/samples/charts/data-chart/stacked-100-column-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-100-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-100-line-chart/package.json b/samples/charts/data-chart/stacked-100-line-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-100-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-100-spline-chart/package.json b/samples/charts/data-chart/stacked-100-spline-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-100-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-100-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-area-chart/package.json b/samples/charts/data-chart/stacked-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-bar-chart/package.json b/samples/charts/data-chart/stacked-bar-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-bar-chart/package.json
+++ b/samples/charts/data-chart/stacked-bar-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-chart-types/package.json b/samples/charts/data-chart/stacked-chart-types/package.json
index eb7e0a0ef4..3fe1d05925 100644
--- a/samples/charts/data-chart/stacked-chart-types/package.json
+++ b/samples/charts/data-chart/stacked-chart-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-column-chart/package.json b/samples/charts/data-chart/stacked-column-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-column-chart/package.json
+++ b/samples/charts/data-chart/stacked-column-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-line-chart/package.json b/samples/charts/data-chart/stacked-line-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-line-chart/package.json
+++ b/samples/charts/data-chart/stacked-line-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-spline-area-chart/package.json b/samples/charts/data-chart/stacked-spline-area-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-spline-area-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-area-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/stacked-spline-chart/package.json b/samples/charts/data-chart/stacked-spline-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/stacked-spline-chart/package.json
+++ b/samples/charts/data-chart/stacked-spline-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/tooltip-template/package.json b/samples/charts/data-chart/tooltip-template/package.json
index 4313f8d6f6..61134315cc 100644
--- a/samples/charts/data-chart/tooltip-template/package.json
+++ b/samples/charts/data-chart/tooltip-template/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/transition-event/package.json b/samples/charts/data-chart/transition-event/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-chart/transition-event/package.json
+++ b/samples/charts/data-chart/transition-event/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 ed3131c30e..3953da9ead 100644
--- a/samples/charts/data-chart/type-financial-candlestick-series/package.json
+++ b/samples/charts/data-chart/type-financial-candlestick-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 c4239aaecf..3f311683b1 100644
--- a/samples/charts/data-chart/type-financial-indicator-column/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 666b04639b..034f31b57a 100644
--- a/samples/charts/data-chart/type-financial-indicator-line/package.json
+++ b/samples/charts/data-chart/type-financial-indicator-line/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 87bf90c883..0f45508e9b 100644
--- a/samples/charts/data-chart/type-financial-ohlc-series/package.json
+++ b/samples/charts/data-chart/type-financial-ohlc-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-financial-overlays/package.json b/samples/charts/data-chart/type-financial-overlays/package.json
index b779b8bf4e..95678a5906 100644
--- a/samples/charts/data-chart/type-financial-overlays/package.json
+++ b/samples/charts/data-chart/type-financial-overlays/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-financial-series/package.json b/samples/charts/data-chart/type-financial-series/package.json
index 5874a0d771..43564b6228 100644
--- a/samples/charts/data-chart/type-financial-series/package.json
+++ b/samples/charts/data-chart/type-financial-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 af5a8243b8..be5706caea 100644
--- a/samples/charts/data-chart/type-range-area-series/package.json
+++ b/samples/charts/data-chart/type-range-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 cba8aacdc0..ded806da83 100644
--- a/samples/charts/data-chart/type-range-column-series/package.json
+++ b/samples/charts/data-chart/type-range-column-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-range-series/package.json b/samples/charts/data-chart/type-range-series/package.json
index 6bdd2a1817..8e885549ba 100644
--- a/samples/charts/data-chart/type-range-series/package.json
+++ b/samples/charts/data-chart/type-range-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 251b930548..dbb118a53f 100644
--- a/samples/charts/data-chart/type-scatter-area-series/package.json
+++ b/samples/charts/data-chart/type-scatter-area-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 8a7c157b7e..a8e534923d 100644
--- a/samples/charts/data-chart/type-scatter-bubble-series/package.json
+++ b/samples/charts/data-chart/type-scatter-bubble-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 f0e8b03c74..c8e4b51222 100644
--- a/samples/charts/data-chart/type-scatter-contour-series/package.json
+++ b/samples/charts/data-chart/type-scatter-contour-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 84c9e5f8e9..071000e0a1 100644
--- a/samples/charts/data-chart/type-scatter-hd-series/package.json
+++ b/samples/charts/data-chart/type-scatter-hd-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 97f66466ef..3f3cb1a822 100644
--- a/samples/charts/data-chart/type-scatter-polygon-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polygon-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 835e145027..f4982ad971 100644
--- a/samples/charts/data-chart/type-scatter-polyline-series/package.json
+++ b/samples/charts/data-chart/type-scatter-polyline-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-scatter-series/package.json b/samples/charts/data-chart/type-scatter-series/package.json
index 633d9111c1..023348173f 100644
--- a/samples/charts/data-chart/type-scatter-series/package.json
+++ b/samples/charts/data-chart/type-scatter-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/type-shape-series/package.json b/samples/charts/data-chart/type-shape-series/package.json
index fc26a70af5..7f0034d8db 100644
--- a/samples/charts/data-chart/type-shape-series/package.json
+++ b/samples/charts/data-chart/type-shape-series/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-chart/waterfall-chart/package.json b/samples/charts/data-chart/waterfall-chart/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-chart/waterfall-chart/package.json
+++ b/samples/charts/data-chart/waterfall-chart/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/animation/package.json b/samples/charts/data-pie-chart/animation/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-pie-chart/animation/package.json
+++ b/samples/charts/data-pie-chart/animation/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/highlight-filter/package.json b/samples/charts/data-pie-chart/highlight-filter/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-pie-chart/highlight-filter/package.json
+++ b/samples/charts/data-pie-chart/highlight-filter/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/highlighting/package.json b/samples/charts/data-pie-chart/highlighting/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-pie-chart/highlighting/package.json
+++ b/samples/charts/data-pie-chart/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/legend/package.json b/samples/charts/data-pie-chart/legend/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/data-pie-chart/legend/package.json
+++ b/samples/charts/data-pie-chart/legend/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/others/package.json b/samples/charts/data-pie-chart/others/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-pie-chart/others/package.json
+++ b/samples/charts/data-pie-chart/others/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/overview/package.json b/samples/charts/data-pie-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/data-pie-chart/overview/package.json
+++ b/samples/charts/data-pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/data-pie-chart/selection/package.json b/samples/charts/data-pie-chart/selection/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/data-pie-chart/selection/package.json
+++ b/samples/charts/data-pie-chart/selection/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/animation/package.json b/samples/charts/doughnut-chart/animation/package.json
index 38076bf1d4..15be6f2453 100644
--- a/samples/charts/doughnut-chart/animation/package.json
+++ b/samples/charts/doughnut-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/explosion/package.json b/samples/charts/doughnut-chart/explosion/package.json
index 5156d00128..de630dd826 100644
--- a/samples/charts/doughnut-chart/explosion/package.json
+++ b/samples/charts/doughnut-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/legend/package.json b/samples/charts/doughnut-chart/legend/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/doughnut-chart/legend/package.json
+++ b/samples/charts/doughnut-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/overview/package.json b/samples/charts/doughnut-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/doughnut-chart/overview/package.json
+++ b/samples/charts/doughnut-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/rings/package.json b/samples/charts/doughnut-chart/rings/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/doughnut-chart/rings/package.json
+++ b/samples/charts/doughnut-chart/rings/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/doughnut-chart/selection/package.json b/samples/charts/doughnut-chart/selection/package.json
index f0a8f2caf7..52b8a35939 100644
--- a/samples/charts/doughnut-chart/selection/package.json
+++ b/samples/charts/doughnut-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/annotations/package.json b/samples/charts/financial-chart/annotations/package.json
index 3a95bcea12..ff4ff27c20 100644
--- a/samples/charts/financial-chart/annotations/package.json
+++ b/samples/charts/financial-chart/annotations/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/axis-types/package.json b/samples/charts/financial-chart/axis-types/package.json
index b98093c4ed..db97378c75 100644
--- a/samples/charts/financial-chart/axis-types/package.json
+++ b/samples/charts/financial-chart/axis-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-legend-formatting-currency/package.json b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/data-legend-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-legend-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-legend-styling-props/package.json b/samples/charts/financial-chart/data-legend-styling-props/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/data-legend-styling-props/package.json
+++ b/samples/charts/financial-chart/data-legend-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-legend/package.json b/samples/charts/financial-chart/data-legend/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/data-legend/package.json
+++ b/samples/charts/financial-chart/data-legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
+++ b/samples/charts/financial-chart/data-tooltip-formatting-currency/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-tooltip-styling-props/package.json b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/data-tooltip-styling-props/package.json
+++ b/samples/charts/financial-chart/data-tooltip-styling-props/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/data-tooltip/package.json b/samples/charts/financial-chart/data-tooltip/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/data-tooltip/package.json
+++ b/samples/charts/financial-chart/data-tooltip/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/format-specifiers/package.json b/samples/charts/financial-chart/format-specifiers/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/format-specifiers/package.json
+++ b/samples/charts/financial-chart/format-specifiers/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/high-frequency/package.json b/samples/charts/financial-chart/high-frequency/package.json
index 53237dffca..0eaf7fa536 100644
--- a/samples/charts/financial-chart/high-frequency/package.json
+++ b/samples/charts/financial-chart/high-frequency/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/high-volume/package.json b/samples/charts/financial-chart/high-volume/package.json
index 6f7a7df36d..b65d79a6c7 100644
--- a/samples/charts/financial-chart/high-volume/package.json
+++ b/samples/charts/financial-chart/high-volume/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/indicator-customization/package.json b/samples/charts/financial-chart/indicator-customization/package.json
index 93ac23d70e..252110bd49 100644
--- a/samples/charts/financial-chart/indicator-customization/package.json
+++ b/samples/charts/financial-chart/indicator-customization/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/indicator-types/package.json b/samples/charts/financial-chart/indicator-types/package.json
index a102f45195..7a492096a4 100644
--- a/samples/charts/financial-chart/indicator-types/package.json
+++ b/samples/charts/financial-chart/indicator-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/multiple-data/package.json b/samples/charts/financial-chart/multiple-data/package.json
index 3f0b745612..95c10777f6 100644
--- a/samples/charts/financial-chart/multiple-data/package.json
+++ b/samples/charts/financial-chart/multiple-data/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/overview/package.json b/samples/charts/financial-chart/overview/package.json
index 2f5e9f6726..f09ce308c5 100644
--- a/samples/charts/financial-chart/overview/package.json
+++ b/samples/charts/financial-chart/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/panes/package.json b/samples/charts/financial-chart/panes/package.json
index d847182fad..363d3e8994 100644
--- a/samples/charts/financial-chart/panes/package.json
+++ b/samples/charts/financial-chart/panes/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/performance/package.json b/samples/charts/financial-chart/performance/package.json
index de8911111c..c63ad2b06e 100644
--- a/samples/charts/financial-chart/performance/package.json
+++ b/samples/charts/financial-chart/performance/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/scrollbars/package.json b/samples/charts/financial-chart/scrollbars/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/financial-chart/scrollbars/package.json
+++ b/samples/charts/financial-chart/scrollbars/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/stock-index-chart/package.json b/samples/charts/financial-chart/stock-index-chart/package.json
index 86857e6f1e..41e4d10623 100644
--- a/samples/charts/financial-chart/stock-index-chart/package.json
+++ b/samples/charts/financial-chart/stock-index-chart/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/styling/package.json b/samples/charts/financial-chart/styling/package.json
index ff8d3de808..c81f29d85b 100644
--- a/samples/charts/financial-chart/styling/package.json
+++ b/samples/charts/financial-chart/styling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/titles/package.json b/samples/charts/financial-chart/titles/package.json
index 7483bbe292..91113c48da 100644
--- a/samples/charts/financial-chart/titles/package.json
+++ b/samples/charts/financial-chart/titles/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/tooltip-types/package.json b/samples/charts/financial-chart/tooltip-types/package.json
index 472f661b70..aed3033f14 100644
--- a/samples/charts/financial-chart/tooltip-types/package.json
+++ b/samples/charts/financial-chart/tooltip-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/trendlines/package.json b/samples/charts/financial-chart/trendlines/package.json
index 7ea1745476..5e1d68587e 100644
--- a/samples/charts/financial-chart/trendlines/package.json
+++ b/samples/charts/financial-chart/trendlines/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/financial-chart/volume-types/package.json b/samples/charts/financial-chart/volume-types/package.json
index 9b904cb357..2094244bbb 100644
--- a/samples/charts/financial-chart/volume-types/package.json
+++ b/samples/charts/financial-chart/volume-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/animation/package.json b/samples/charts/pie-chart/animation/package.json
index c62bd76eaf..659ae76a1e 100644
--- a/samples/charts/pie-chart/animation/package.json
+++ b/samples/charts/pie-chart/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/explosion/package.json b/samples/charts/pie-chart/explosion/package.json
index 888494e69c..4438e1c932 100644
--- a/samples/charts/pie-chart/explosion/package.json
+++ b/samples/charts/pie-chart/explosion/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/legend/package.json b/samples/charts/pie-chart/legend/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/pie-chart/legend/package.json
+++ b/samples/charts/pie-chart/legend/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/others/package.json b/samples/charts/pie-chart/others/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/pie-chart/others/package.json
+++ b/samples/charts/pie-chart/others/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/overview/package.json b/samples/charts/pie-chart/overview/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/pie-chart/overview/package.json
+++ b/samples/charts/pie-chart/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/selection/package.json b/samples/charts/pie-chart/selection/package.json
index 355df3bc2a..fe770cdbce 100644
--- a/samples/charts/pie-chart/selection/package.json
+++ b/samples/charts/pie-chart/selection/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/pie-chart/styling/package.json b/samples/charts/pie-chart/styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/pie-chart/styling/package.json
+++ b/samples/charts/pie-chart/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-area/package.json b/samples/charts/sparkline/display-area/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/sparkline/display-area/package.json
+++ b/samples/charts/sparkline/display-area/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-column/package.json b/samples/charts/sparkline/display-column/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/sparkline/display-column/package.json
+++ b/samples/charts/sparkline/display-column/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-lines/package.json b/samples/charts/sparkline/display-lines/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/sparkline/display-lines/package.json
+++ b/samples/charts/sparkline/display-lines/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-types/package.json b/samples/charts/sparkline/display-types/package.json
index c4e00bddcb..dba387c55d 100644
--- a/samples/charts/sparkline/display-types/package.json
+++ b/samples/charts/sparkline/display-types/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/display-winloss/package.json b/samples/charts/sparkline/display-winloss/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/sparkline/display-winloss/package.json
+++ b/samples/charts/sparkline/display-winloss/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/grid/package.json b/samples/charts/sparkline/grid/package.json
index 5dc9de264c..2f71c58d09 100644
--- a/samples/charts/sparkline/grid/package.json
+++ b/samples/charts/sparkline/grid/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/markers/package.json b/samples/charts/sparkline/markers/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/sparkline/markers/package.json
+++ b/samples/charts/sparkline/markers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/normal-range/package.json b/samples/charts/sparkline/normal-range/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/sparkline/normal-range/package.json
+++ b/samples/charts/sparkline/normal-range/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/trendlines/package.json b/samples/charts/sparkline/trendlines/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/sparkline/trendlines/package.json
+++ b/samples/charts/sparkline/trendlines/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/sparkline/unknown-values/package.json b/samples/charts/sparkline/unknown-values/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/sparkline/unknown-values/package.json
+++ b/samples/charts/sparkline/unknown-values/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/actions-built-in-category-chart/package.json b/samples/charts/toolbar/actions-built-in-category-chart/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/toolbar/actions-built-in-category-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-category-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/actions-built-in-data-chart/package.json b/samples/charts/toolbar/actions-built-in-data-chart/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/toolbar/actions-built-in-data-chart/package.json
+++ b/samples/charts/toolbar/actions-built-in-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/custom-tool/package.json b/samples/charts/toolbar/custom-tool/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/toolbar/custom-tool/package.json
+++ b/samples/charts/toolbar/custom-tool/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/layout-actions-for-data-chart/package.json b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/toolbar/layout-actions-for-data-chart/package.json
+++ b/samples/charts/toolbar/layout-actions-for-data-chart/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/layout-in-vertical-orientation/package.json b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
index 130ebeed84..53d7b12959 100644
--- a/samples/charts/toolbar/layout-in-vertical-orientation/package.json
+++ b/samples/charts/toolbar/layout-in-vertical-orientation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/toolbar/theming/package.json b/samples/charts/toolbar/theming/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/toolbar/theming/package.json
+++ b/samples/charts/toolbar/theming/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/events/package.json b/samples/charts/tree-map/events/package.json
index 6f36edde9c..e5487fe274 100644
--- a/samples/charts/tree-map/events/package.json
+++ b/samples/charts/tree-map/events/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/highlighting-percent-based/package.json b/samples/charts/tree-map/highlighting-percent-based/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/tree-map/highlighting-percent-based/package.json
+++ b/samples/charts/tree-map/highlighting-percent-based/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/highlighting/package.json b/samples/charts/tree-map/highlighting/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/tree-map/highlighting/package.json
+++ b/samples/charts/tree-map/highlighting/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/layout/package.json b/samples/charts/tree-map/layout/package.json
index 3265726c77..cfe663c26f 100644
--- a/samples/charts/tree-map/layout/package.json
+++ b/samples/charts/tree-map/layout/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/overview/package.json b/samples/charts/tree-map/overview/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/tree-map/overview/package.json
+++ b/samples/charts/tree-map/overview/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/tree-map/styling/package.json b/samples/charts/tree-map/styling/package.json
index a1dd5e86ea..18acf18b3f 100644
--- a/samples/charts/tree-map/styling/package.json
+++ b/samples/charts/tree-map/styling/package.json
@@ -23,8 +23,8 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/charts/zoomslider/overview/package.json b/samples/charts/zoomslider/overview/package.json
index 4e1d83ec03..8b8cddee8a 100644
--- a/samples/charts/zoomslider/overview/package.json
+++ b/samples/charts/zoomslider/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/multi-column-combobox/overview/package.json b/samples/editors/multi-column-combobox/overview/package.json
index a781416884..7011138e6d 100644
--- a/samples/editors/multi-column-combobox/overview/package.json
+++ b/samples/editors/multi-column-combobox/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/date-limits/package.json b/samples/editors/x-date-picker/date-limits/package.json
index 61fa4f3f96..20254fff6f 100644
--- a/samples/editors/x-date-picker/date-limits/package.json
+++ b/samples/editors/x-date-picker/date-limits/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/editing/package.json b/samples/editors/x-date-picker/editing/package.json
index ec509f96bb..e5e4bb504c 100644
--- a/samples/editors/x-date-picker/editing/package.json
+++ b/samples/editors/x-date-picker/editing/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/format/package.json b/samples/editors/x-date-picker/format/package.json
index 0e37a9d8cb..29e325bbb9 100644
--- a/samples/editors/x-date-picker/format/package.json
+++ b/samples/editors/x-date-picker/format/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/overview/package.json b/samples/editors/x-date-picker/overview/package.json
index 2dcf73057e..f8e5117f7e 100644
--- a/samples/editors/x-date-picker/overview/package.json
+++ b/samples/editors/x-date-picker/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/editors/x-date-picker/range/package.json b/samples/editors/x-date-picker/range/package.json
index c4b6631ae7..bd9f342e06 100644
--- a/samples/editors/x-date-picker/range/package.json
+++ b/samples/editors/x-date-picker/range/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/operations-on-workbooks/package.json b/samples/excel/excel-library/operations-on-workbooks/package.json
index a38d881bb8..84ee93e2b8 100644
--- a/samples/excel/excel-library/operations-on-workbooks/package.json
+++ b/samples/excel/excel-library/operations-on-workbooks/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/operations-on-worksheets/package.json b/samples/excel/excel-library/operations-on-worksheets/package.json
index 813e3cc00d..a4dada8d17 100644
--- a/samples/excel/excel-library/operations-on-worksheets/package.json
+++ b/samples/excel/excel-library/operations-on-worksheets/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/overview/package.json b/samples/excel/excel-library/overview/package.json
index 4876d9b3cd..74e8a6f8ab 100644
--- a/samples/excel/excel-library/overview/package.json
+++ b/samples/excel/excel-library/overview/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/working-with-cells/package.json b/samples/excel/excel-library/working-with-cells/package.json
index 846067893c..65aaed724c 100644
--- a/samples/excel/excel-library/working-with-cells/package.json
+++ b/samples/excel/excel-library/working-with-cells/package.json
@@ -25,8 +25,8 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/working-with-charts/package.json b/samples/excel/excel-library/working-with-charts/package.json
index d6faff3c8a..ffa9f2f094 100644
--- a/samples/excel/excel-library/working-with-charts/package.json
+++ b/samples/excel/excel-library/working-with-charts/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/excel-library/working-with-sparklines/package.json b/samples/excel/excel-library/working-with-sparklines/package.json
index 735ad9ee3c..3a1774b0b7 100644
--- a/samples/excel/excel-library/working-with-sparklines/package.json
+++ b/samples/excel/excel-library/working-with-sparklines/package.json
@@ -25,12 +25,12 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/activation/package.json b/samples/excel/spreadsheet/activation/package.json
index 729939d8ee..8d7f5e041b 100644
--- a/samples/excel/spreadsheet/activation/package.json
+++ b/samples/excel/spreadsheet/activation/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/adapter-chart/package.json b/samples/excel/spreadsheet/adapter-chart/package.json
index aa1d8bbecd..6b90a4e037 100644
--- a/samples/excel/spreadsheet/adapter-chart/package.json
+++ b/samples/excel/spreadsheet/adapter-chart/package.json
@@ -25,11 +25,11 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/adapter-combo/package.json b/samples/excel/spreadsheet/adapter-combo/package.json
index f1117a1739..345bb7bb66 100644
--- a/samples/excel/spreadsheet/adapter-combo/package.json
+++ b/samples/excel/spreadsheet/adapter-combo/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
+    "igniteui-webcomponents-spreadsheet-chart-adapter": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/clipboard/package.json b/samples/excel/spreadsheet/clipboard/package.json
index c197b470d2..4159d03db2 100644
--- a/samples/excel/spreadsheet/clipboard/package.json
+++ b/samples/excel/spreadsheet/clipboard/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/commands/package.json b/samples/excel/spreadsheet/commands/package.json
index 1790f3cf9f..157dc9d11f 100644
--- a/samples/excel/spreadsheet/commands/package.json
+++ b/samples/excel/spreadsheet/commands/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/conditional-formatting/package.json b/samples/excel/spreadsheet/conditional-formatting/package.json
index 217030ca9d..92661bdfec 100644
--- a/samples/excel/spreadsheet/conditional-formatting/package.json
+++ b/samples/excel/spreadsheet/conditional-formatting/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/config-options/package.json b/samples/excel/spreadsheet/config-options/package.json
index 15fba4ba68..1f77b4c0c3 100644
--- a/samples/excel/spreadsheet/config-options/package.json
+++ b/samples/excel/spreadsheet/config-options/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/data-validation/package.json b/samples/excel/spreadsheet/data-validation/package.json
index 76e6e5fb6a..b2f214dd3d 100644
--- a/samples/excel/spreadsheet/data-validation/package.json
+++ b/samples/excel/spreadsheet/data-validation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/filter-dialog/package.json b/samples/excel/spreadsheet/filter-dialog/package.json
index 8de869918c..18ffcb6902 100644
--- a/samples/excel/spreadsheet/filter-dialog/package.json
+++ b/samples/excel/spreadsheet/filter-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/format-dialog/package.json b/samples/excel/spreadsheet/format-dialog/package.json
index 555f008ff4..73b6816096 100644
--- a/samples/excel/spreadsheet/format-dialog/package.json
+++ b/samples/excel/spreadsheet/format-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/hyperlinks/package.json b/samples/excel/spreadsheet/hyperlinks/package.json
index c512bfc5f2..538f926b6d 100644
--- a/samples/excel/spreadsheet/hyperlinks/package.json
+++ b/samples/excel/spreadsheet/hyperlinks/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/overview/package.json b/samples/excel/spreadsheet/overview/package.json
index e29390af5d..da5d219803 100644
--- a/samples/excel/spreadsheet/overview/package.json
+++ b/samples/excel/spreadsheet/overview/package.json
@@ -25,9 +25,9 @@
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
     "file-saver": "^1.3.8",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/excel/spreadsheet/sort-dialog/package.json b/samples/excel/spreadsheet/sort-dialog/package.json
index 4c34dd076a..76f9bc922b 100644
--- a/samples/excel/spreadsheet/sort-dialog/package.json
+++ b/samples/excel/spreadsheet/sort-dialog/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-excel": "5.0.3-beta.0",
-    "igniteui-webcomponents-spreadsheet": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-excel": "5.1.0",
+    "igniteui-webcomponents-spreadsheet": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/animation/package.json b/samples/gauges/bullet-graph/animation/package.json
index 53f625df16..858df87b20 100644
--- a/samples/gauges/bullet-graph/animation/package.json
+++ b/samples/gauges/bullet-graph/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/background/package.json b/samples/gauges/bullet-graph/background/package.json
index 521dd4017c..6c584a3aae 100644
--- a/samples/gauges/bullet-graph/background/package.json
+++ b/samples/gauges/bullet-graph/background/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/highlight-needle/package.json b/samples/gauges/bullet-graph/highlight-needle/package.json
index 2b109d0ff6..d1f99699b8 100644
--- a/samples/gauges/bullet-graph/highlight-needle/package.json
+++ b/samples/gauges/bullet-graph/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/labels/package.json b/samples/gauges/bullet-graph/labels/package.json
index eb5bb63e65..820ae1973c 100644
--- a/samples/gauges/bullet-graph/labels/package.json
+++ b/samples/gauges/bullet-graph/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/measures/package.json b/samples/gauges/bullet-graph/measures/package.json
index 4df35de231..6ca291dd64 100644
--- a/samples/gauges/bullet-graph/measures/package.json
+++ b/samples/gauges/bullet-graph/measures/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/ranges/package.json b/samples/gauges/bullet-graph/ranges/package.json
index a00baac99c..82394c7178 100644
--- a/samples/gauges/bullet-graph/ranges/package.json
+++ b/samples/gauges/bullet-graph/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/scale/package.json b/samples/gauges/bullet-graph/scale/package.json
index 9565b3f4e6..2405357906 100644
--- a/samples/gauges/bullet-graph/scale/package.json
+++ b/samples/gauges/bullet-graph/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/tickmarks/package.json b/samples/gauges/bullet-graph/tickmarks/package.json
index 80ec193831..ac7a5818a4 100644
--- a/samples/gauges/bullet-graph/tickmarks/package.json
+++ b/samples/gauges/bullet-graph/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-filled/package.json b/samples/gauges/bullet-graph/type-filled/package.json
index 6cf29dc128..b286d26d6b 100644
--- a/samples/gauges/bullet-graph/type-filled/package.json
+++ b/samples/gauges/bullet-graph/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-horizontal/package.json b/samples/gauges/bullet-graph/type-horizontal/package.json
index c973d6a103..a2bb3e8dbd 100644
--- a/samples/gauges/bullet-graph/type-horizontal/package.json
+++ b/samples/gauges/bullet-graph/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-reversed/package.json b/samples/gauges/bullet-graph/type-reversed/package.json
index 8ff1f8096b..cb11858dcd 100644
--- a/samples/gauges/bullet-graph/type-reversed/package.json
+++ b/samples/gauges/bullet-graph/type-reversed/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-segmented/package.json b/samples/gauges/bullet-graph/type-segmented/package.json
index 887fe799c5..7078b10714 100644
--- a/samples/gauges/bullet-graph/type-segmented/package.json
+++ b/samples/gauges/bullet-graph/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/bullet-graph/type-vertical/package.json b/samples/gauges/bullet-graph/type-vertical/package.json
index d7756195b2..7fd4c66f20 100644
--- a/samples/gauges/bullet-graph/type-vertical/package.json
+++ b/samples/gauges/bullet-graph/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/animation/package.json b/samples/gauges/linear-gauge/animation/package.json
index 538fcede93..36dac014bd 100644
--- a/samples/gauges/linear-gauge/animation/package.json
+++ b/samples/gauges/linear-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/backing/package.json b/samples/gauges/linear-gauge/backing/package.json
index 6630764544..6d1c2040ac 100644
--- a/samples/gauges/linear-gauge/backing/package.json
+++ b/samples/gauges/linear-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/highlight-needle/package.json b/samples/gauges/linear-gauge/highlight-needle/package.json
index fb58740cc3..e36768fa9d 100644
--- a/samples/gauges/linear-gauge/highlight-needle/package.json
+++ b/samples/gauges/linear-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/labels/package.json b/samples/gauges/linear-gauge/labels/package.json
index 6e7877b7e4..e31af6df17 100644
--- a/samples/gauges/linear-gauge/labels/package.json
+++ b/samples/gauges/linear-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/needle/package.json b/samples/gauges/linear-gauge/needle/package.json
index 70355bd7ba..0dd41ae3b5 100644
--- a/samples/gauges/linear-gauge/needle/package.json
+++ b/samples/gauges/linear-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/ranges/package.json b/samples/gauges/linear-gauge/ranges/package.json
index d1fee6f3de..098d6cf9ea 100644
--- a/samples/gauges/linear-gauge/ranges/package.json
+++ b/samples/gauges/linear-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/scale/package.json b/samples/gauges/linear-gauge/scale/package.json
index a2422bf11d..e8969ce86c 100644
--- a/samples/gauges/linear-gauge/scale/package.json
+++ b/samples/gauges/linear-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/tickmarks/package.json b/samples/gauges/linear-gauge/tickmarks/package.json
index d1a8963b22..4e75f1196f 100644
--- a/samples/gauges/linear-gauge/tickmarks/package.json
+++ b/samples/gauges/linear-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-curved/package.json b/samples/gauges/linear-gauge/type-curved/package.json
index 6d7c68115d..89e70aed6c 100644
--- a/samples/gauges/linear-gauge/type-curved/package.json
+++ b/samples/gauges/linear-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-filled/package.json b/samples/gauges/linear-gauge/type-filled/package.json
index 722b2a6876..4a8716fb75 100644
--- a/samples/gauges/linear-gauge/type-filled/package.json
+++ b/samples/gauges/linear-gauge/type-filled/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-horizontal/package.json b/samples/gauges/linear-gauge/type-horizontal/package.json
index c66ad8310e..13c1aea9c9 100644
--- a/samples/gauges/linear-gauge/type-horizontal/package.json
+++ b/samples/gauges/linear-gauge/type-horizontal/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-multi-range/package.json b/samples/gauges/linear-gauge/type-multi-range/package.json
index 80fc780397..a1330e0f97 100644
--- a/samples/gauges/linear-gauge/type-multi-range/package.json
+++ b/samples/gauges/linear-gauge/type-multi-range/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-multi-scale/package.json b/samples/gauges/linear-gauge/type-multi-scale/package.json
index 9c2e530802..af58f3474d 100644
--- a/samples/gauges/linear-gauge/type-multi-scale/package.json
+++ b/samples/gauges/linear-gauge/type-multi-scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-segmented/package.json b/samples/gauges/linear-gauge/type-segmented/package.json
index cfceae5aef..dc1e8af5be 100644
--- a/samples/gauges/linear-gauge/type-segmented/package.json
+++ b/samples/gauges/linear-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/linear-gauge/type-vertical/package.json b/samples/gauges/linear-gauge/type-vertical/package.json
index 19eb71ece4..86bd12761c 100644
--- a/samples/gauges/linear-gauge/type-vertical/package.json
+++ b/samples/gauges/linear-gauge/type-vertical/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/animation/package.json b/samples/gauges/radial-gauge/animation/package.json
index ce3960a5e5..4120850959 100644
--- a/samples/gauges/radial-gauge/animation/package.json
+++ b/samples/gauges/radial-gauge/animation/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/backing/package.json b/samples/gauges/radial-gauge/backing/package.json
index 58f90b8481..5759cf877f 100644
--- a/samples/gauges/radial-gauge/backing/package.json
+++ b/samples/gauges/radial-gauge/backing/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/highlight-needle/package.json b/samples/gauges/radial-gauge/highlight-needle/package.json
index 844c92bf68..27a96ec568 100644
--- a/samples/gauges/radial-gauge/highlight-needle/package.json
+++ b/samples/gauges/radial-gauge/highlight-needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/labels/package.json b/samples/gauges/radial-gauge/labels/package.json
index 273c67b002..f20b661da7 100644
--- a/samples/gauges/radial-gauge/labels/package.json
+++ b/samples/gauges/radial-gauge/labels/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/needle/package.json b/samples/gauges/radial-gauge/needle/package.json
index 53de2376e5..97a12a6770 100644
--- a/samples/gauges/radial-gauge/needle/package.json
+++ b/samples/gauges/radial-gauge/needle/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/optical-scaling/package.json b/samples/gauges/radial-gauge/optical-scaling/package.json
index 273c67b002..f20b661da7 100644
--- a/samples/gauges/radial-gauge/optical-scaling/package.json
+++ b/samples/gauges/radial-gauge/optical-scaling/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/ranges/package.json b/samples/gauges/radial-gauge/ranges/package.json
index bc20620b32..95c4e32de4 100644
--- a/samples/gauges/radial-gauge/ranges/package.json
+++ b/samples/gauges/radial-gauge/ranges/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/scale/package.json b/samples/gauges/radial-gauge/scale/package.json
index ce055d1d40..dc006bc153 100644
--- a/samples/gauges/radial-gauge/scale/package.json
+++ b/samples/gauges/radial-gauge/scale/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/tickmarks/package.json b/samples/gauges/radial-gauge/tickmarks/package.json
index ba19b97076..d21b696bd5 100644
--- a/samples/gauges/radial-gauge/tickmarks/package.json
+++ b/samples/gauges/radial-gauge/tickmarks/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-column/package.json b/samples/gauges/radial-gauge/type-column/package.json
index 1471fe94cd..729fb7a2b2 100644
--- a/samples/gauges/radial-gauge/type-column/package.json
+++ b/samples/gauges/radial-gauge/type-column/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-curved/package.json b/samples/gauges/radial-gauge/type-curved/package.json
index 96cbfda8fb..792bbb59ce 100644
--- a/samples/gauges/radial-gauge/type-curved/package.json
+++ b/samples/gauges/radial-gauge/type-curved/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-direction/package.json b/samples/gauges/radial-gauge/type-direction/package.json
index 6dc4ccd5a2..56c4a07166 100644
--- a/samples/gauges/radial-gauge/type-direction/package.json
+++ b/samples/gauges/radial-gauge/type-direction/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-full/package.json b/samples/gauges/radial-gauge/type-full/package.json
index bed9833adc..34eca3a4a0 100644
--- a/samples/gauges/radial-gauge/type-full/package.json
+++ b/samples/gauges/radial-gauge/type-full/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-half/package.json b/samples/gauges/radial-gauge/type-half/package.json
index c989d36341..ed3b6a8ad3 100644
--- a/samples/gauges/radial-gauge/type-half/package.json
+++ b/samples/gauges/radial-gauge/type-half/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-quatre/package.json b/samples/gauges/radial-gauge/type-quatre/package.json
index 227a9afa73..852c17543c 100644
--- a/samples/gauges/radial-gauge/type-quatre/package.json
+++ b/samples/gauges/radial-gauge/type-quatre/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-ring/package.json b/samples/gauges/radial-gauge/type-ring/package.json
index 0ce06ddbbe..d79a853957 100644
--- a/samples/gauges/radial-gauge/type-ring/package.json
+++ b/samples/gauges/radial-gauge/type-ring/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-segmented/package.json b/samples/gauges/radial-gauge/type-segmented/package.json
index 7bea1911cd..3effef16a7 100644
--- a/samples/gauges/radial-gauge/type-segmented/package.json
+++ b/samples/gauges/radial-gauge/type-segmented/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/gauges/radial-gauge/type-semi/package.json b/samples/gauges/radial-gauge/type-semi/package.json
index e1fb299b35..80c55091f1 100644
--- a/samples/gauges/radial-gauge/type-semi/package.json
+++ b/samples/gauges/radial-gauge/type-semi/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/accessibility/package.json b/samples/grids/data-grid/accessibility/package.json
index c6c763fa5e..c8124f4f21 100644
--- a/samples/grids/data-grid/accessibility/package.json
+++ b/samples/grids/data-grid/accessibility/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-data-service/package.json b/samples/grids/data-grid/binding-data-service/package.json
index e4dcd082c1..ddd1bb7941 100644
--- a/samples/grids/data-grid/binding-data-service/package.json
+++ b/samples/grids/data-grid/binding-data-service/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-live-data/package.json b/samples/grids/data-grid/binding-live-data/package.json
index ac62141270..3cf6485a80 100644
--- a/samples/grids/data-grid/binding-live-data/package.json
+++ b/samples/grids/data-grid/binding-live-data/package.json
@@ -29,11 +29,11 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -57,7 +57,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-local-data/package.json b/samples/grids/data-grid/binding-local-data/package.json
index 674ebb6977..fae066fd9f 100644
--- a/samples/grids/data-grid/binding-local-data/package.json
+++ b/samples/grids/data-grid/binding-local-data/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/binding-remote-data/package.json b/samples/grids/data-grid/binding-remote-data/package.json
index cc8aed4ec5..7600dd7000 100644
--- a/samples/grids/data-grid/binding-remote-data/package.json
+++ b/samples/grids/data-grid/binding-remote-data/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-activation/package.json b/samples/grids/data-grid/cell-activation/package.json
index 1fd0ea11f5..e5937d6f88 100644
--- a/samples/grids/data-grid/cell-activation/package.json
+++ b/samples/grids/data-grid/cell-activation/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-editing/package.json b/samples/grids/data-grid/cell-editing/package.json
index a319b775a4..2c421476be 100644
--- a/samples/grids/data-grid/cell-editing/package.json
+++ b/samples/grids/data-grid/cell-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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-merging/package.json b/samples/grids/data-grid/cell-merging/package.json
index 1e234994ec..47179056e3 100644
--- a/samples/grids/data-grid/cell-merging/package.json
+++ b/samples/grids/data-grid/cell-merging/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/cell-selection/package.json b/samples/grids/data-grid/cell-selection/package.json
index f556ce2b5b..e02f40ac29 100644
--- a/samples/grids/data-grid/cell-selection/package.json
+++ b/samples/grids/data-grid/cell-selection/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-animation/package.json b/samples/grids/data-grid/column-animation/package.json
index 6fbd6b6068..eeb8db728b 100644
--- a/samples/grids/data-grid/column-animation/package.json
+++ b/samples/grids/data-grid/column-animation/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-chooser-picker/package.json b/samples/grids/data-grid/column-chooser-picker/package.json
index 62ab25966c..9e61ca7273 100644
--- a/samples/grids/data-grid/column-chooser-picker/package.json
+++ b/samples/grids/data-grid/column-chooser-picker/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-chooser-toolbar/package.json b/samples/grids/data-grid/column-chooser-toolbar/package.json
index 3e52ece00a..29c7bcd9d7 100644
--- a/samples/grids/data-grid/column-chooser-toolbar/package.json
+++ b/samples/grids/data-grid/column-chooser-toolbar/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-filter-expressions/package.json b/samples/grids/data-grid/column-filter-expressions/package.json
index 335f7228e9..4fad5d388d 100644
--- a/samples/grids/data-grid/column-filter-expressions/package.json
+++ b/samples/grids/data-grid/column-filter-expressions/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-filter-operands/package.json b/samples/grids/data-grid/column-filter-operands/package.json
index d660e7704f..c06ea38777 100644
--- a/samples/grids/data-grid/column-filter-operands/package.json
+++ b/samples/grids/data-grid/column-filter-operands/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-filtering/package.json b/samples/grids/data-grid/column-filtering/package.json
index 3943d22cbb..5a8716df2a 100644
--- a/samples/grids/data-grid/column-filtering/package.json
+++ b/samples/grids/data-grid/column-filtering/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-moving/package.json b/samples/grids/data-grid/column-moving/package.json
index 492c52f35f..9e79e8dffc 100644
--- a/samples/grids/data-grid/column-moving/package.json
+++ b/samples/grids/data-grid/column-moving/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-options/package.json b/samples/grids/data-grid/column-options/package.json
index 5fb048e065..5362101555 100644
--- a/samples/grids/data-grid/column-options/package.json
+++ b/samples/grids/data-grid/column-options/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-pinning-picker/package.json b/samples/grids/data-grid/column-pinning-picker/package.json
index f32f8a0613..3a3f901959 100644
--- a/samples/grids/data-grid/column-pinning-picker/package.json
+++ b/samples/grids/data-grid/column-pinning-picker/package.json
@@ -25,10 +25,10 @@
     "@webcomponents/webcomponentsjs": "2.3.0",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -52,7 +52,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-pinning-toolbar/package.json b/samples/grids/data-grid/column-pinning-toolbar/package.json
index 58d1a8bb6c..8d04d8555c 100644
--- a/samples/grids/data-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/data-grid/column-pinning-toolbar/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-resizing/package.json b/samples/grids/data-grid/column-resizing/package.json
index 5badcc5f49..7421209cbe 100644
--- a/samples/grids/data-grid/column-resizing/package.json
+++ b/samples/grids/data-grid/column-resizing/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-scrolling/package.json b/samples/grids/data-grid/column-scrolling/package.json
index f9cfa00640..b66ad8a4ce 100644
--- a/samples/grids/data-grid/column-scrolling/package.json
+++ b/samples/grids/data-grid/column-scrolling/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-sorting/package.json b/samples/grids/data-grid/column-sorting/package.json
index dee95b7be0..358eed1b45 100644
--- a/samples/grids/data-grid/column-sorting/package.json
+++ b/samples/grids/data-grid/column-sorting/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-summaries/package.json b/samples/grids/data-grid/column-summaries/package.json
index d13898ef17..13767a52d2 100644
--- a/samples/grids/data-grid/column-summaries/package.json
+++ b/samples/grids/data-grid/column-summaries/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/column-types/package.json b/samples/grids/data-grid/column-types/package.json
index b4af7d2112..c7e6116a1d 100644
--- a/samples/grids/data-grid/column-types/package.json
+++ b/samples/grids/data-grid/column-types/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/load-save-layout/package.json b/samples/grids/data-grid/load-save-layout/package.json
index 477dc89ace..33f9d3093b 100644
--- a/samples/grids/data-grid/load-save-layout/package.json
+++ b/samples/grids/data-grid/load-save-layout/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/localization/package.json b/samples/grids/data-grid/localization/package.json
index ccba669207..6fdef739c0 100644
--- a/samples/grids/data-grid/localization/package.json
+++ b/samples/grids/data-grid/localization/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/overview/package.json b/samples/grids/data-grid/overview/package.json
index f7ba46940d..4d750e838b 100644
--- a/samples/grids/data-grid/overview/package.json
+++ b/samples/grids/data-grid/overview/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/pager/package.json b/samples/grids/data-grid/pager/package.json
index 6edddf5668..44a8d6e052 100644
--- a/samples/grids/data-grid/pager/package.json
+++ b/samples/grids/data-grid/pager/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/performance/package.json b/samples/grids/data-grid/performance/package.json
index c52330f9c0..11c573c5ef 100644
--- a/samples/grids/data-grid/performance/package.json
+++ b/samples/grids/data-grid/performance/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-group-descriptions/package.json b/samples/grids/data-grid/row-group-descriptions/package.json
index e579497af4..345a9d64dc 100644
--- a/samples/grids/data-grid/row-group-descriptions/package.json
+++ b/samples/grids/data-grid/row-group-descriptions/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-grouping/package.json b/samples/grids/data-grid/row-grouping/package.json
index e579497af4..345a9d64dc 100644
--- a/samples/grids/data-grid/row-grouping/package.json
+++ b/samples/grids/data-grid/row-grouping/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-highlighting/package.json b/samples/grids/data-grid/row-highlighting/package.json
index a1e3be2b10..56a6abd31d 100644
--- a/samples/grids/data-grid/row-highlighting/package.json
+++ b/samples/grids/data-grid/row-highlighting/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-paging/package.json b/samples/grids/data-grid/row-paging/package.json
index 4ad4217089..9bb24b277c 100644
--- a/samples/grids/data-grid/row-paging/package.json
+++ b/samples/grids/data-grid/row-paging/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-pinning/package.json b/samples/grids/data-grid/row-pinning/package.json
index 4c767271b4..82792bf945 100644
--- a/samples/grids/data-grid/row-pinning/package.json
+++ b/samples/grids/data-grid/row-pinning/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/row-selection/package.json b/samples/grids/data-grid/row-selection/package.json
index f556ce2b5b..e02f40ac29 100644
--- a/samples/grids/data-grid/row-selection/package.json
+++ b/samples/grids/data-grid/row-selection/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-comparison-table/package.json b/samples/grids/data-grid/type-comparison-table/package.json
index c8eab7b395..98b18f3c88 100644
--- a/samples/grids/data-grid/type-comparison-table/package.json
+++ b/samples/grids/data-grid/type-comparison-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-datasources": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-datasources": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-heatmap-table/package.json b/samples/grids/data-grid/type-heatmap-table/package.json
index 27f4a0e8af..b6f7774f7a 100644
--- a/samples/grids/data-grid/type-heatmap-table/package.json
+++ b/samples/grids/data-grid/type-heatmap-table/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-marketing-table/package.json b/samples/grids/data-grid/type-marketing-table/package.json
index a3392054bc..b6913ebcda 100644
--- a/samples/grids/data-grid/type-marketing-table/package.json
+++ b/samples/grids/data-grid/type-marketing-table/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-matrix-table/package.json b/samples/grids/data-grid/type-matrix-table/package.json
index 6be67ae155..695db7f222 100644
--- a/samples/grids/data-grid/type-matrix-table/package.json
+++ b/samples/grids/data-grid/type-matrix-table/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-periodic-table/package.json b/samples/grids/data-grid/type-periodic-table/package.json
index 9a2c12b060..f4fb8ecf79 100644
--- a/samples/grids/data-grid/type-periodic-table/package.json
+++ b/samples/grids/data-grid/type-periodic-table/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/data-grid/type-table/package.json b/samples/grids/data-grid/type-table/package.json
index be748f6038..54c25cb9c2 100644
--- a/samples/grids/data-grid/type-table/package.json
+++ b/samples/grids/data-grid/type-table/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.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/action-strip/package.json b/samples/grids/grid/action-strip/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/action-strip/package.json
+++ b/samples/grids/grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/advanced-filtering-options/package.json b/samples/grids/grid/advanced-filtering-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/advanced-filtering-options/package.json
+++ b/samples/grids/grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/advanced-filtering-style/package.json b/samples/grids/grid/advanced-filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/advanced-filtering-style/package.json
+++ b/samples/grids/grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/binding-composite-data/package.json b/samples/grids/grid/binding-composite-data/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/binding-composite-data/package.json
+++ b/samples/grids/grid/binding-composite-data/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/binding-crud-data/package.json b/samples/grids/grid/binding-crud-data/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/binding-crud-data/package.json
+++ b/samples/grids/grid/binding-crud-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/binding-nested-data-1/package.json b/samples/grids/grid/binding-nested-data-1/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/binding-nested-data-1/package.json
+++ b/samples/grids/grid/binding-nested-data-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cascading-combo/package.json b/samples/grids/grid/cascading-combo/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/cascading-combo/package.json
+++ b/samples/grids/grid/cascading-combo/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-editing-sample/package.json b/samples/grids/grid/cell-editing-sample/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/cell-editing-sample/package.json
+++ b/samples/grids/grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-editing-styling/package.json b/samples/grids/grid/cell-editing-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/cell-editing-styling/package.json
+++ b/samples/grids/grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-selection-mode/package.json b/samples/grids/grid/cell-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/cell-selection-mode/package.json
+++ b/samples/grids/grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/cell-selection-style/package.json b/samples/grids/grid/cell-selection-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/cell-selection-style/package.json
+++ b/samples/grids/grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/change-icons-custom/package.json b/samples/grids/grid/change-icons-custom/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/change-icons-custom/package.json
+++ b/samples/grids/grid/change-icons-custom/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/clipboard-operations/package.json b/samples/grids/grid/clipboard-operations/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/clipboard-operations/package.json
+++ b/samples/grids/grid/clipboard-operations/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-auto-sizing/package.json b/samples/grids/grid/column-auto-sizing/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-auto-sizing/package.json
+++ b/samples/grids/grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-collapsible-groups/package.json b/samples/grids/grid/column-collapsible-groups/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-collapsible-groups/package.json
+++ b/samples/grids/grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-data-types/package.json b/samples/grids/grid/column-data-types/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-data-types/package.json
+++ b/samples/grids/grid/column-data-types/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-hiding-options/package.json b/samples/grids/grid/column-hiding-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-hiding-options/package.json
+++ b/samples/grids/grid/column-hiding-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-hiding-toolbar/package.json
+++ b/samples/grids/grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/column-moving-options/package.json
+++ b/samples/grids/grid/column-moving-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/column-moving-styles/package.json
+++ b/samples/grids/grid/column-moving-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-pinning-options/package.json
+++ b/samples/grids/grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/column-pinning-right-side/package.json
+++ b/samples/grids/grid/column-pinning-right-side/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-pinning-styles/package.json
+++ b/samples/grids/grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-pinning/package.json
+++ b/samples/grids/grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-resize-styling/package.json
+++ b/samples/grids/grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-resizing/package.json
+++ b/samples/grids/grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-selection-group/package.json
+++ b/samples/grids/grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/column-selection-mode/package.json
+++ b/samples/grids/grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-selection-styles/package.json
+++ b/samples/grids/grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-sorting-indicators/package.json
+++ b/samples/grids/grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/column-sorting-options/package.json
+++ b/samples/grids/grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/column-sorting-style/package.json
+++ b/samples/grids/grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/conditional-cell-style-1/package.json
+++ b/samples/grids/grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/conditional-cell-style-2/package.json
+++ b/samples/grids/grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/conditional-row-selectors/package.json
+++ b/samples/grids/grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/custom-context-menu/package.json
+++ b/samples/grids/grid/custom-context-menu/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/custom-filtering/package.json
+++ b/samples/grids/grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/data-batch-editing-actions/package.json
+++ b/samples/grids/grid/data-batch-editing-actions/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/data-exporting-indicator/package.json
+++ b/samples/grids/grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/data-paste-options/package.json
+++ b/samples/grids/grid/data-paste-options/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/data-performance-virtualization/package.json
+++ b/samples/grids/grid/data-performance-virtualization/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/data-searching/package.json
+++ b/samples/grids/grid/data-searching/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/data-summaries-custom/package.json
+++ b/samples/grids/grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/data-summary-formatter/package.json
+++ b/samples/grids/grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/data-summary-options/package.json
+++ b/samples/grids/grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/data-summary-template/package.json
+++ b/samples/grids/grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/data-validation-style/package.json
+++ b/samples/grids/grid/data-validation-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/data-validator-service-cross-field/package.json
+++ b/samples/grids/grid/data-validator-service-cross-field/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/data-validator-service-extended/package.json
+++ b/samples/grids/grid/data-validator-service-extended/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/data-validator-service/package.json
+++ b/samples/grids/grid/data-validator-service/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/editing-columns/package.json
+++ b/samples/grids/grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/editing-events/package.json
+++ b/samples/grids/grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/editing-excel-style-custom/package.json
+++ b/samples/grids/grid/editing-excel-style-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/editing-excel-style/package.json
+++ b/samples/grids/grid/editing-excel-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/editing-lifecycle/package.json
+++ b/samples/grids/grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/excel-exporting/package.json
+++ b/samples/grids/grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/excel-style-filtering-style/package.json
+++ b/samples/grids/grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/external-advanced-filtering/package.json
+++ b/samples/grids/grid/external-advanced-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/filtering-options/package.json
+++ b/samples/grids/grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/filtering-strategy/package.json
+++ b/samples/grids/grid/filtering-strategy/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/filtering-style/package.json
+++ b/samples/grids/grid/filtering-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json
index 125c04c72b..93b946e25b 100644
--- a/samples/grids/grid/finjs/package.json
+++ b/samples/grids/grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/groupby-custom/package.json
+++ b/samples/grids/grid/groupby-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/groupby-expressions/package.json
+++ b/samples/grids/grid/groupby-expressions/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/groupby-paging/package.json
+++ b/samples/grids/grid/groupby-paging/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/groupby-styling/package.json
+++ b/samples/grids/grid/groupby-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/groupby-summary-options/package.json
+++ b/samples/grids/grid/groupby-summary-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/groupby-summary-styling/package.json
+++ b/samples/grids/grid/groupby-summary-styling/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json
index 05c158bf91..adb19e0cf0 100644
--- a/samples/grids/grid/infinite-scroll/package.json
+++ b/samples/grids/grid/infinite-scroll/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "rxjs": "7.8.1",
     "tslib": "^2.0.0"
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/keyboard-mrl-navigation/package.json
+++ b/samples/grids/grid/keyboard-mrl-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/keyboard-navigation-guide/package.json b/samples/grids/grid/keyboard-navigation-guide/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/layout-display-density/package.json
+++ b/samples/grids/grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/master-detail/package.json
+++ b/samples/grids/grid/master-detail/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/multi-column-headers-export/package.json
+++ b/samples/grids/grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/multi-column-headers-overview/package.json
+++ b/samples/grids/grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/multi-column-headers-styling/package.json
+++ b/samples/grids/grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/multi-column-headers-template/package.json
+++ b/samples/grids/grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/multi-row-layout-options/package.json
+++ b/samples/grids/grid/multi-row-layout-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/multi-row-layout-style/package.json
+++ b/samples/grids/grid/multi-row-layout-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/overview/package.json
+++ b/samples/grids/grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/paste/package.json
+++ b/samples/grids/grid/paste/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/remote-paging-data/package.json
+++ b/samples/grids/grid/remote-paging-data/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/remote-paging-grid/package.json
+++ b/samples/grids/grid/remote-paging-grid/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-adding/package.json
+++ b/samples/grids/grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-classes/package.json
+++ b/samples/grids/grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/row-drag-base/package.json
+++ b/samples/grids/grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-editing-options/package.json
+++ b/samples/grids/grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-editing-style/package.json
+++ b/samples/grids/grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/row-paging-basic/package.json
+++ b/samples/grids/grid/row-paging-basic/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/row-paging-options/package.json
+++ b/samples/grids/grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-pinning-drag/package.json
+++ b/samples/grids/grid/row-pinning-drag/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-extra-column/package.json b/samples/grids/grid/row-pinning-extra-column/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-pinning-extra-column/package.json
+++ b/samples/grids/grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/row-pinning-options/package.json
+++ b/samples/grids/grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-pinning-style/package.json
+++ b/samples/grids/grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-reorder/package.json
+++ b/samples/grids/grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-selection-mode/package.json b/samples/grids/grid/row-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/row-selection-mode/package.json
+++ b/samples/grids/grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-selection-template-excel/package.json b/samples/grids/grid/row-selection-template-excel/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/row-selection-template-excel/package.json
+++ b/samples/grids/grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-selection-template-numbers/package.json b/samples/grids/grid/row-selection-template-numbers/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/row-selection-template-numbers/package.json
+++ b/samples/grids/grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/row-styles/package.json b/samples/grids/grid/row-styles/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/grid/row-styles/package.json
+++ b/samples/grids/grid/row-styles/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/state-persistence-about/package.json b/samples/grids/grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/state-persistence-about/package.json
+++ b/samples/grids/grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/state-persistence-main/package.json b/samples/grids/grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/grid/state-persistence-main/package.json
+++ b/samples/grids/grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/styling-custom-CSS/package.json b/samples/grids/grid/styling-custom-CSS/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/styling-custom-CSS/package.json
+++ b/samples/grids/grid/styling-custom-CSS/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-1/package.json b/samples/grids/grid/toolbar-sample-1/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/toolbar-sample-1/package.json
+++ b/samples/grids/grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-2/package.json b/samples/grids/grid/toolbar-sample-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/toolbar-sample-2/package.json
+++ b/samples/grids/grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-3/package.json b/samples/grids/grid/toolbar-sample-3/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/toolbar-sample-3/package.json
+++ b/samples/grids/grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-sample-4/package.json b/samples/grids/grid/toolbar-sample-4/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/grid/toolbar-sample-4/package.json
+++ b/samples/grids/grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/grid/toolbar-style/package.json b/samples/grids/grid/toolbar-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/grid/toolbar-style/package.json
+++ b/samples/grids/grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/action-strip/package.json b/samples/grids/hierarchical-grid/action-strip/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/action-strip/package.json
+++ b/samples/grids/hierarchical-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-editing-sample/package.json b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/cell-editing-sample/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-editing-styling/package.json b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/cell-editing-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-mode/package.json b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/cell-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-overview/package.json b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/cell-selection-overview/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-style/package.json b/samples/grids/hierarchical-grid/cell-selection-style/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/cell-selection-style/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/cell-selection-styling/package.json b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/hierarchical-grid/cell-selection-styling/package.json
+++ b/samples/grids/hierarchical-grid/cell-selection-styling/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-auto-sizing/package.json b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/hierarchical-grid/column-auto-sizing/package.json
+++ b/samples/grids/hierarchical-grid/column-auto-sizing/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
+++ b/samples/grids/hierarchical-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/hierarchical-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-moving-options/package.json b/samples/grids/hierarchical-grid/column-moving-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-moving-options/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-moving-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-pinning-options/package.json b/samples/grids/hierarchical-grid/column-pinning-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-pinning-styles/package.json b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-pinning-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-pinning/package.json b/samples/grids/hierarchical-grid/column-pinning/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-pinning/package.json
+++ b/samples/grids/hierarchical-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-resize-styling/package.json b/samples/grids/hierarchical-grid/column-resize-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-resize-styling/package.json
+++ b/samples/grids/hierarchical-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-resizing/package.json b/samples/grids/hierarchical-grid/column-resizing/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-resizing/package.json
+++ b/samples/grids/hierarchical-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-selection-group/package.json b/samples/grids/hierarchical-grid/column-selection-group/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-selection-group/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-selection-mode/package.json b/samples/grids/hierarchical-grid/column-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/column-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-selection-styles/package.json b/samples/grids/hierarchical-grid/column-selection-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-selection-styles/package.json
+++ b/samples/grids/hierarchical-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-sorting-options/package.json b/samples/grids/hierarchical-grid/column-sorting-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-sorting-options/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/column-sorting-style/package.json b/samples/grids/hierarchical-grid/column-sorting-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/column-sorting-style/package.json
+++ b/samples/grids/hierarchical-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/hierarchical-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
+++ b/samples/grids/hierarchical-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/custom-filtering/package.json b/samples/grids/hierarchical-grid/custom-filtering/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/package.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
+++ b/samples/grids/hierarchical-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
+++ b/samples/grids/hierarchical-grid/data-performance-virtualization/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/package.json b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-summary-options/package.json b/samples/grids/hierarchical-grid/data-summary-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/data-summary-template/package.json b/samples/grids/hierarchical-grid/data-summary-template/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/package.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/editing-columns/package.json b/samples/grids/hierarchical-grid/editing-columns/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/editing-columns/package.json
+++ b/samples/grids/hierarchical-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/editing-events/package.json b/samples/grids/hierarchical-grid/editing-events/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/editing-events/package.json
+++ b/samples/grids/hierarchical-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/package.json b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/package.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/excel-exporting/package.json b/samples/grids/hierarchical-grid/excel-exporting/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/package.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/filtering-options/package.json b/samples/grids/hierarchical-grid/filtering-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/filtering-options/package.json
+++ b/samples/grids/hierarchical-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/filtering-style/package.json b/samples/grids/hierarchical-grid/filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/filtering-style/package.json
+++ b/samples/grids/hierarchical-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/layout-display-density/package.json b/samples/grids/hierarchical-grid/layout-display-density/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/package.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/overview/package.json b/samples/grids/hierarchical-grid/overview/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/overview/package.json
+++ b/samples/grids/hierarchical-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/remote-paging-sample/package.json b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/hierarchical-grid/remote-paging-sample/package.json
+++ b/samples/grids/hierarchical-grid/remote-paging-sample/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-adding/package.json b/samples/grids/hierarchical-grid/row-adding/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/row-adding/package.json
+++ b/samples/grids/hierarchical-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-classes/package.json b/samples/grids/hierarchical-grid/row-classes/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/row-classes/package.json
+++ b/samples/grids/hierarchical-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-drag-base/package.json b/samples/grids/hierarchical-grid/row-drag-base/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/hierarchical-grid/row-drag-base/package.json
+++ b/samples/grids/hierarchical-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-editing-options/package.json b/samples/grids/hierarchical-grid/row-editing-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-editing-style/package.json b/samples/grids/hierarchical-grid/row-editing-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/package.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/package.json b/samples/grids/hierarchical-grid/row-pinning-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/package.json b/samples/grids/hierarchical-grid/row-pinning-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/package.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-reorder/package.json b/samples/grids/hierarchical-grid/row-reorder/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/row-reorder/package.json
+++ b/samples/grids/hierarchical-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/package.json b/samples/grids/hierarchical-grid/row-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/row-styles/package.json b/samples/grids/hierarchical-grid/row-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/row-styles/package.json
+++ b/samples/grids/hierarchical-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/state-persistence-about/package.json b/samples/grids/hierarchical-grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/hierarchical-grid/state-persistence-about/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/state-persistence-main/package.json b/samples/grids/hierarchical-grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/hierarchical-grid/state-persistence-main/package.json
+++ b/samples/grids/hierarchical-grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/hierarchical-grid/toolbar-style/package.json b/samples/grids/hierarchical-grid/toolbar-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/package.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/add-list-items/package.json b/samples/grids/list/add-list-items/package.json
index 194c816724..c5e1ee3049 100644
--- a/samples/grids/list/add-list-items/package.json
+++ b/samples/grids/list/add-list-items/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/list-item-content/package.json b/samples/grids/list/list-item-content/package.json
index 30cd1c8a6e..09c841ad8c 100644
--- a/samples/grids/list/list-item-content/package.json
+++ b/samples/grids/list/list-item-content/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/overview/package.json b/samples/grids/list/overview/package.json
index 29af7f8694..147e57114f 100644
--- a/samples/grids/list/overview/package.json
+++ b/samples/grids/list/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/list/styling/package.json b/samples/grids/list/styling/package.json
index 7d91a92b34..6ec6d594a3 100644
--- a/samples/grids/list/styling/package.json
+++ b/samples/grids/list/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/package.json b/samples/grids/pivot-grid/aggregate-max-sales/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/package.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/aggregate-units-sold/package.json b/samples/grids/pivot-grid/aggregate-units-sold/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/pivot-grid/aggregate-units-sold/package.json
+++ b/samples/grids/pivot-grid/aggregate-units-sold/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/basic/package.json b/samples/grids/pivot-grid/basic/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/pivot-grid/basic/package.json
+++ b/samples/grids/pivot-grid/basic/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/data-persistence-noop/package.json b/samples/grids/pivot-grid/data-persistence-noop/package.json
index cea0501702..3df29ea9b1 100644
--- a/samples/grids/pivot-grid/data-persistence-noop/package.json
+++ b/samples/grids/pivot-grid/data-persistence-noop/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/data-selector/package.json b/samples/grids/pivot-grid/data-selector/package.json
index b2f62a89fa..74cf0f3874 100644
--- a/samples/grids/pivot-grid/data-selector/package.json
+++ b/samples/grids/pivot-grid/data-selector/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -52,7 +52,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/features/package.json b/samples/grids/pivot-grid/features/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/pivot-grid/features/package.json
+++ b/samples/grids/pivot-grid/features/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/remote/package.json b/samples/grids/pivot-grid/remote/package.json
index b2f62a89fa..74cf0f3874 100644
--- a/samples/grids/pivot-grid/remote/package.json
+++ b/samples/grids/pivot-grid/remote/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -52,7 +52,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/state-persistence-about/package.json b/samples/grids/pivot-grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/pivot-grid/state-persistence-about/package.json
+++ b/samples/grids/pivot-grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/pivot-grid/state-persistence-main/package.json b/samples/grids/pivot-grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/pivot-grid/state-persistence-main/package.json
+++ b/samples/grids/pivot-grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/action-strip/package.json b/samples/grids/tree-grid/action-strip/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/action-strip/package.json
+++ b/samples/grids/tree-grid/action-strip/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/advanced-filtering-options/package.json b/samples/grids/tree-grid/advanced-filtering-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/advanced-filtering-options/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/advanced-filtering-style/package.json b/samples/grids/tree-grid/advanced-filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/advanced-filtering-style/package.json
+++ b/samples/grids/tree-grid/advanced-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-editing-sample/package.json b/samples/grids/tree-grid/cell-editing-sample/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/cell-editing-sample/package.json
+++ b/samples/grids/tree-grid/cell-editing-sample/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-editing-styling/package.json b/samples/grids/tree-grid/cell-editing-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/cell-editing-styling/package.json
+++ b/samples/grids/tree-grid/cell-editing-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-selection-mode/package.json b/samples/grids/tree-grid/cell-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/cell-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/cell-selection-style/package.json b/samples/grids/tree-grid/cell-selection-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/cell-selection-style/package.json
+++ b/samples/grids/tree-grid/cell-selection-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/clipboard-operations/package.json b/samples/grids/tree-grid/clipboard-operations/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/clipboard-operations/package.json
+++ b/samples/grids/tree-grid/clipboard-operations/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-auto-sizing/package.json b/samples/grids/tree-grid/column-auto-sizing/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-auto-sizing/package.json
+++ b/samples/grids/tree-grid/column-auto-sizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-collapsible-groups/package.json b/samples/grids/tree-grid/column-collapsible-groups/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-collapsible-groups/package.json
+++ b/samples/grids/tree-grid/column-collapsible-groups/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-data-types/package.json b/samples/grids/tree-grid/column-data-types/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/column-data-types/package.json
+++ b/samples/grids/tree-grid/column-data-types/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-hiding-toolbar/package.json
+++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-moving-options/package.json
+++ b/samples/grids/tree-grid/column-moving-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-moving-styles/package.json
+++ b/samples/grids/tree-grid/column-moving-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-pinning-options/package.json
+++ b/samples/grids/tree-grid/column-pinning-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-pinning-right-side/package.json
+++ b/samples/grids/tree-grid/column-pinning-right-side/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-pinning-styles/package.json
+++ b/samples/grids/tree-grid/column-pinning-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-pinning-toolbar/package.json
+++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-pinning/package.json
+++ b/samples/grids/tree-grid/column-pinning/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-resize-styling/package.json
+++ b/samples/grids/tree-grid/column-resize-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-resizing/package.json
+++ b/samples/grids/tree-grid/column-resizing/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-selection-group/package.json
+++ b/samples/grids/tree-grid/column-selection-group/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/column-selection-mode/package.json
+++ b/samples/grids/tree-grid/column-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/column-selection-style/package.json
+++ b/samples/grids/tree-grid/column-selection-style/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-selection-styles/package.json
+++ b/samples/grids/tree-grid/column-selection-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-sorting-indicators/package.json
+++ b/samples/grids/tree-grid/column-sorting-indicators/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/column-sorting-options/package.json
+++ b/samples/grids/tree-grid/column-sorting-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/column-sorting-style/package.json
+++ b/samples/grids/tree-grid/column-sorting-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/conditional-cell-style-1/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/conditional-cell-style-2/package.json
+++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/conditional-row-selectors/package.json
+++ b/samples/grids/tree-grid/conditional-row-selectors/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/custom-filtering/package.json
+++ b/samples/grids/tree-grid/custom-filtering/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/data-exporting-indicator/package.json
+++ b/samples/grids/tree-grid/data-exporting-indicator/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/data-searching/package.json
+++ b/samples/grids/tree-grid/data-searching/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/data-summaries-custom/package.json
+++ b/samples/grids/tree-grid/data-summaries-custom/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/data-summary-children/package.json
+++ b/samples/grids/tree-grid/data-summary-children/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/data-summary-formatter/package.json
+++ b/samples/grids/tree-grid/data-summary-formatter/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/data-summary-options-styling/package.json
+++ b/samples/grids/tree-grid/data-summary-options-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/data-summary-options/package.json
+++ b/samples/grids/tree-grid/data-summary-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/data-summary-template/package.json
+++ b/samples/grids/tree-grid/data-summary-template/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/editing-columns/package.json
+++ b/samples/grids/tree-grid/editing-columns/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/editing-events/package.json
+++ b/samples/grids/tree-grid/editing-events/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/editing-lifecycle/package.json
+++ b/samples/grids/tree-grid/editing-lifecycle/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/excel-exporting/package.json
+++ b/samples/grids/tree-grid/excel-exporting/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/excel-style-filtering-style/package.json
+++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/filtering-options/package.json
+++ b/samples/grids/tree-grid/filtering-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/filtering-style/package.json
+++ b/samples/grids/tree-grid/filtering-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json
index 125c04c72b..93b946e25b 100644
--- a/samples/grids/tree-grid/finjs/package.json
+++ b/samples/grids/tree-grid/finjs/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json
+++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json
+++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/layout-display-density/package.json
+++ b/samples/grids/tree-grid/layout-display-density/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/load-on-demand/package.json
+++ b/samples/grids/tree-grid/load-on-demand/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json
+++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/multi-column-headers-export/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-export/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/multi-column-headers-overview/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/multi-column-headers-styling/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/multi-column-headers-template/package.json
+++ b/samples/grids/tree-grid/multi-column-headers-template/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/overview-styling/package.json
+++ b/samples/grids/tree-grid/overview-styling/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/overview/package.json
+++ b/samples/grids/tree-grid/overview/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-adding/package.json
+++ b/samples/grids/tree-grid/row-adding/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-classes/package.json
+++ b/samples/grids/tree-grid/row-classes/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/row-drag-base/package.json
+++ b/samples/grids/tree-grid/row-drag-base/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-editing-options/package.json
+++ b/samples/grids/tree-grid/row-editing-options/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-editing-style/package.json
+++ b/samples/grids/tree-grid/row-editing-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-paging-basic/package.json
+++ b/samples/grids/tree-grid/row-paging-basic/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/row-paging-options/package.json
+++ b/samples/grids/tree-grid/row-paging-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-paging-style/package.json
+++ b/samples/grids/tree-grid/row-paging-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-pinning-extra-column/package.json
+++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/row-pinning-options/package.json
+++ b/samples/grids/tree-grid/row-pinning-options/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-pinning-style/package.json
+++ b/samples/grids/tree-grid/row-pinning-style/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-reorder/package.json
+++ b/samples/grids/tree-grid/row-reorder/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-selection-mode/package.json b/samples/grids/tree-grid/row-selection-mode/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/row-selection-mode/package.json
+++ b/samples/grids/tree-grid/row-selection-mode/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-selection-template-excel/package.json b/samples/grids/tree-grid/row-selection-template-excel/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-selection-template-excel/package.json
+++ b/samples/grids/tree-grid/row-selection-template-excel/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-selection-template-numbers/package.json b/samples/grids/tree-grid/row-selection-template-numbers/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-selection-template-numbers/package.json
+++ b/samples/grids/tree-grid/row-selection-template-numbers/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/row-styles/package.json b/samples/grids/tree-grid/row-styles/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/row-styles/package.json
+++ b/samples/grids/tree-grid/row-styles/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/state-persistence-about/package.json b/samples/grids/tree-grid/state-persistence-about/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/state-persistence-about/package.json
+++ b/samples/grids/tree-grid/state-persistence-about/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/state-persistence-main/package.json b/samples/grids/tree-grid/state-persistence-main/package.json
index 59c439beab..d3b1f66218 100644
--- a/samples/grids/tree-grid/state-persistence-main/package.json
+++ b/samples/grids/tree-grid/state-persistence-main/package.json
@@ -26,11 +26,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -54,7 +54,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-1/package.json b/samples/grids/tree-grid/toolbar-sample-1/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/toolbar-sample-1/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-1/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-2/package.json b/samples/grids/tree-grid/toolbar-sample-2/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/toolbar-sample-2/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-2/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-3/package.json b/samples/grids/tree-grid/toolbar-sample-3/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/toolbar-sample-3/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-3/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-sample-4/package.json b/samples/grids/tree-grid/toolbar-sample-4/package.json
index df2b6d36d4..b68931a64a 100644
--- a/samples/grids/tree-grid/toolbar-sample-4/package.json
+++ b/samples/grids/tree-grid/toolbar-sample-4/package.json
@@ -26,10 +26,10 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -53,7 +53,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/toolbar-style/package.json b/samples/grids/tree-grid/toolbar-style/package.json
index 5ea7de964d..dc50bbc8f5 100644
--- a/samples/grids/tree-grid/toolbar-style/package.json
+++ b/samples/grids/tree-grid/toolbar-style/package.json
@@ -24,10 +24,10 @@
   "dependencies": {
     "babel-runtime": "^6.26.0",
     "igniteui-webcomponents": "5.1.2",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree-grid/using-primary-foreign-keys/package.json b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
index 746ecab235..bffd17003a 100644
--- a/samples/grids/tree-grid/using-primary-foreign-keys/package.json
+++ b/samples/grids/tree-grid/using-primary-foreign-keys/package.json
@@ -23,10 +23,10 @@
   },
   "dependencies": {
     "babel-runtime": "^6.26.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-grids": "5.0.3-beta.0",
-    "igniteui-webcomponents-inputs": "5.0.3-beta.0",
-    "igniteui-webcomponents-layouts": "5.0.3-beta.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-grids": "5.1.0",
+    "igniteui-webcomponents-inputs": "5.1.0",
+    "igniteui-webcomponents-layouts": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree/basic-example/package.json b/samples/grids/tree/basic-example/package.json
index 822d6bb54d..75c37d0e37 100644
--- a/samples/grids/tree/basic-example/package.json
+++ b/samples/grids/tree/basic-example/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree/load-on-demand-virtualized/package.json b/samples/grids/tree/load-on-demand-virtualized/package.json
index 6bc395bf7c..55b96293be 100644
--- a/samples/grids/tree/load-on-demand-virtualized/package.json
+++ b/samples/grids/tree/load-on-demand-virtualized/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/grids/tree/load-on-demand/package.json b/samples/grids/tree/load-on-demand/package.json
index 25733c972f..2bcc430c58 100644
--- a/samples/grids/tree/load-on-demand/package.json
+++ b/samples/grids/tree/load-on-demand/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/badge/outlined/package.json b/samples/inputs/badge/outlined/package.json
index 9e8fbabd7b..61b192bbc7 100644
--- a/samples/inputs/badge/outlined/package.json
+++ b/samples/inputs/badge/outlined/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/badge/shape/package.json b/samples/inputs/badge/shape/package.json
index 33d5dbe119..09bedd1d04 100644
--- a/samples/inputs/badge/shape/package.json
+++ b/samples/inputs/badge/shape/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/badge/variants/package.json b/samples/inputs/badge/variants/package.json
index fd5e5dcca2..7ad8c078bd 100644
--- a/samples/inputs/badge/variants/package.json
+++ b/samples/inputs/badge/variants/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/alignment/package.json b/samples/inputs/button-group/alignment/package.json
index 2029c44173..861a4736b6 100644
--- a/samples/inputs/button-group/alignment/package.json
+++ b/samples/inputs/button-group/alignment/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/overview/package.json b/samples/inputs/button-group/overview/package.json
index 45a09a7063..fbbc614f88 100644
--- a/samples/inputs/button-group/overview/package.json
+++ b/samples/inputs/button-group/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/selection/package.json b/samples/inputs/button-group/selection/package.json
index da207071e4..5c351b3909 100644
--- a/samples/inputs/button-group/selection/package.json
+++ b/samples/inputs/button-group/selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/size/package.json b/samples/inputs/button-group/size/package.json
index d6cef59651..dac750d250 100644
--- a/samples/inputs/button-group/size/package.json
+++ b/samples/inputs/button-group/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button-group/styling/package.json b/samples/inputs/button-group/styling/package.json
index 5cc2cdae62..7e1378a1e7 100644
--- a/samples/inputs/button-group/styling/package.json
+++ b/samples/inputs/button-group/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/contained/package.json b/samples/inputs/button/contained/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/button/contained/package.json
+++ b/samples/inputs/button/contained/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/download/package.json b/samples/inputs/button/download/package.json
index b870e95354..31c2045172 100644
--- a/samples/inputs/button/download/package.json
+++ b/samples/inputs/button/download/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/fab/package.json b/samples/inputs/button/fab/package.json
index 8d5bc4a4e7..ed74e7398b 100644
--- a/samples/inputs/button/fab/package.json
+++ b/samples/inputs/button/fab/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/flat/package.json b/samples/inputs/button/flat/package.json
index b6213e8a0b..262fcf5b17 100644
--- a/samples/inputs/button/flat/package.json
+++ b/samples/inputs/button/flat/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/outlined/package.json b/samples/inputs/button/outlined/package.json
index 8f7d1d72bb..324900a0fb 100644
--- a/samples/inputs/button/outlined/package.json
+++ b/samples/inputs/button/outlined/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/overview/package.json b/samples/inputs/button/overview/package.json
index 493732347f..57e323ff97 100644
--- a/samples/inputs/button/overview/package.json
+++ b/samples/inputs/button/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/size/package.json b/samples/inputs/button/size/package.json
index 97cbf46ffb..3f06be0d28 100644
--- a/samples/inputs/button/size/package.json
+++ b/samples/inputs/button/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/button/styling/package.json b/samples/inputs/button/styling/package.json
index 9fc300faf6..b63492da0d 100644
--- a/samples/inputs/button/styling/package.json
+++ b/samples/inputs/button/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/checking/package.json b/samples/inputs/checkbox/checking/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/checkbox/checking/package.json
+++ b/samples/inputs/checkbox/checking/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/disabled/package.json b/samples/inputs/checkbox/disabled/package.json
index fc1a300399..2ec3ba4705 100644
--- a/samples/inputs/checkbox/disabled/package.json
+++ b/samples/inputs/checkbox/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/indeterminate/package.json b/samples/inputs/checkbox/indeterminate/package.json
index c224dc752d..52e9f7bcab 100644
--- a/samples/inputs/checkbox/indeterminate/package.json
+++ b/samples/inputs/checkbox/indeterminate/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/label/package.json b/samples/inputs/checkbox/label/package.json
index bfd9478a99..9fe7f33129 100644
--- a/samples/inputs/checkbox/label/package.json
+++ b/samples/inputs/checkbox/label/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/checkbox/overview/package.json b/samples/inputs/checkbox/overview/package.json
index 0238037f77..992d5bbed6 100644
--- a/samples/inputs/checkbox/overview/package.json
+++ b/samples/inputs/checkbox/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/multiple/package.json b/samples/inputs/chip/multiple/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/multiple/package.json
+++ b/samples/inputs/chip/multiple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/overview/package.json b/samples/inputs/chip/overview/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/overview/package.json
+++ b/samples/inputs/chip/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/size/package.json b/samples/inputs/chip/size/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/size/package.json
+++ b/samples/inputs/chip/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/styling/package.json b/samples/inputs/chip/styling/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/styling/package.json
+++ b/samples/inputs/chip/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/chip/variants/package.json b/samples/inputs/chip/variants/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/inputs/chip/variants/package.json
+++ b/samples/inputs/chip/variants/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/dynamic/package.json b/samples/inputs/circular-progress-indicator/dynamic/package.json
index b720795906..d2eece6f6d 100644
--- a/samples/inputs/circular-progress-indicator/dynamic/package.json
+++ b/samples/inputs/circular-progress-indicator/dynamic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/indeterminate/package.json b/samples/inputs/circular-progress-indicator/indeterminate/package.json
index fadcdd75a5..c73c476601 100644
--- a/samples/inputs/circular-progress-indicator/indeterminate/package.json
+++ b/samples/inputs/circular-progress-indicator/indeterminate/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/simple/package.json b/samples/inputs/circular-progress-indicator/simple/package.json
index 042bf209a8..74d6d629c2 100644
--- a/samples/inputs/circular-progress-indicator/simple/package.json
+++ b/samples/inputs/circular-progress-indicator/simple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/circular-progress-indicator/styling/package.json b/samples/inputs/circular-progress-indicator/styling/package.json
index ebe77a9c6b..251ef44551 100644
--- a/samples/inputs/circular-progress-indicator/styling/package.json
+++ b/samples/inputs/circular-progress-indicator/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/features/package.json b/samples/inputs/combo/features/package.json
index 8ef38e6d50..e085caeef2 100644
--- a/samples/inputs/combo/features/package.json
+++ b/samples/inputs/combo/features/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/overview/package.json b/samples/inputs/combo/overview/package.json
index ebe6ce5792..b30918da95 100644
--- a/samples/inputs/combo/overview/package.json
+++ b/samples/inputs/combo/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/selection/package.json b/samples/inputs/combo/selection/package.json
index 0d7b2dd224..663a0bcad9 100644
--- a/samples/inputs/combo/selection/package.json
+++ b/samples/inputs/combo/selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/simplified/package.json b/samples/inputs/combo/simplified/package.json
index cdabef07b9..e1b02d2da2 100644
--- a/samples/inputs/combo/simplified/package.json
+++ b/samples/inputs/combo/simplified/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/styling/package.json b/samples/inputs/combo/styling/package.json
index 95fca131b8..649ffe2fc3 100644
--- a/samples/inputs/combo/styling/package.json
+++ b/samples/inputs/combo/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/combo/templates/package.json b/samples/inputs/combo/templates/package.json
index ec26045e3d..55e993c433 100644
--- a/samples/inputs/combo/templates/package.json
+++ b/samples/inputs/combo/templates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -47,7 +47,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 a6f6e90c64..4e2b22f501 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
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 924a742fc0..d9e1138bb9 100644
--- a/samples/inputs/date-time-input/min-max-value/package.json
+++ b/samples/inputs/date-time-input/min-max-value/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/date-time-input/overview/package.json b/samples/inputs/date-time-input/overview/package.json
index b912af4cf3..6087509540 100644
--- a/samples/inputs/date-time-input/overview/package.json
+++ b/samples/inputs/date-time-input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 015444f710..7dcb93ced1 100644
--- a/samples/inputs/date-time-input/step-up-down/package.json
+++ b/samples/inputs/date-time-input/step-up-down/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/group/package.json b/samples/inputs/dropdown/group/package.json
index f7e9bba181..1adf7d224e 100644
--- a/samples/inputs/dropdown/group/package.json
+++ b/samples/inputs/dropdown/group/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/header/package.json b/samples/inputs/dropdown/header/package.json
index 72b4e7fa2c..9994b449c7 100644
--- a/samples/inputs/dropdown/header/package.json
+++ b/samples/inputs/dropdown/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/item/package.json b/samples/inputs/dropdown/item/package.json
index e9e9ba516c..070c34156d 100644
--- a/samples/inputs/dropdown/item/package.json
+++ b/samples/inputs/dropdown/item/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/overview/package.json b/samples/inputs/dropdown/overview/package.json
index 1bcf3a489a..9ea43e718d 100644
--- a/samples/inputs/dropdown/overview/package.json
+++ b/samples/inputs/dropdown/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/position/package.json b/samples/inputs/dropdown/position/package.json
index 76be6a48c3..66c007eb3c 100644
--- a/samples/inputs/dropdown/position/package.json
+++ b/samples/inputs/dropdown/position/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/styling/package.json b/samples/inputs/dropdown/styling/package.json
index 0876a1953d..2a896e8ecb 100644
--- a/samples/inputs/dropdown/styling/package.json
+++ b/samples/inputs/dropdown/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/dropdown/target/package.json b/samples/inputs/dropdown/target/package.json
index d07a87e5f1..2af0bf126e 100644
--- a/samples/inputs/dropdown/target/package.json
+++ b/samples/inputs/dropdown/target/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/icon-button/size/package.json b/samples/inputs/icon-button/size/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/icon-button/size/package.json
+++ b/samples/inputs/icon-button/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/icon-button/styling/package.json b/samples/inputs/icon-button/styling/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/icon-button/styling/package.json
+++ b/samples/inputs/icon-button/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/icon-button/variant/package.json b/samples/inputs/icon-button/variant/package.json
index b6ffa97c99..228bc39cee 100644
--- a/samples/inputs/icon-button/variant/package.json
+++ b/samples/inputs/icon-button/variant/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/helper-text/package.json b/samples/inputs/input/helper-text/package.json
index e262ffc14f..3a194b815c 100644
--- a/samples/inputs/input/helper-text/package.json
+++ b/samples/inputs/input/helper-text/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/overview/package.json b/samples/inputs/input/overview/package.json
index 4e1d47877f..c05ffc57c4 100644
--- a/samples/inputs/input/overview/package.json
+++ b/samples/inputs/input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/prefix-suffix/package.json b/samples/inputs/input/prefix-suffix/package.json
index 8b2827634e..0fc53bb214 100644
--- a/samples/inputs/input/prefix-suffix/package.json
+++ b/samples/inputs/input/prefix-suffix/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/size/package.json b/samples/inputs/input/size/package.json
index 4707d30020..078f120b9b 100644
--- a/samples/inputs/input/size/package.json
+++ b/samples/inputs/input/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/input/styling/package.json b/samples/inputs/input/styling/package.json
index 753d91ede3..a9fb120453 100644
--- a/samples/inputs/input/styling/package.json
+++ b/samples/inputs/input/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/dynamic/package.json b/samples/inputs/linear-progress-indicator/dynamic/package.json
index b720795906..d2eece6f6d 100644
--- a/samples/inputs/linear-progress-indicator/dynamic/package.json
+++ b/samples/inputs/linear-progress-indicator/dynamic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/simple/package.json b/samples/inputs/linear-progress-indicator/simple/package.json
index f83482fdee..efeaccf465 100644
--- a/samples/inputs/linear-progress-indicator/simple/package.json
+++ b/samples/inputs/linear-progress-indicator/simple/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/striped/package.json b/samples/inputs/linear-progress-indicator/striped/package.json
index a4faf8a7c8..e46b18e0c3 100644
--- a/samples/inputs/linear-progress-indicator/striped/package.json
+++ b/samples/inputs/linear-progress-indicator/striped/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/styling/package.json b/samples/inputs/linear-progress-indicator/styling/package.json
index a1fb1fc0e0..a1b0f30aee 100644
--- a/samples/inputs/linear-progress-indicator/styling/package.json
+++ b/samples/inputs/linear-progress-indicator/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/linear-progress-indicator/types/package.json b/samples/inputs/linear-progress-indicator/types/package.json
index 7388ec29d1..3575a74520 100644
--- a/samples/inputs/linear-progress-indicator/types/package.json
+++ b/samples/inputs/linear-progress-indicator/types/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/mask-input/applying-mask/package.json b/samples/inputs/mask-input/applying-mask/package.json
index f16d1136c4..281b2eda34 100644
--- a/samples/inputs/mask-input/applying-mask/package.json
+++ b/samples/inputs/mask-input/applying-mask/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/mask-input/overview/package.json b/samples/inputs/mask-input/overview/package.json
index 3fde6a1d43..226d341486 100644
--- a/samples/inputs/mask-input/overview/package.json
+++ b/samples/inputs/mask-input/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/mask-input/value-modes/package.json b/samples/inputs/mask-input/value-modes/package.json
index 5c10d72fe8..2f51df2726 100644
--- a/samples/inputs/mask-input/value-modes/package.json
+++ b/samples/inputs/mask-input/value-modes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/alignment/package.json b/samples/inputs/radio/alignment/package.json
index 8145a4048f..a110eb2009 100644
--- a/samples/inputs/radio/alignment/package.json
+++ b/samples/inputs/radio/alignment/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/disabled/package.json b/samples/inputs/radio/disabled/package.json
index a24c6eb2e7..4b29839464 100644
--- a/samples/inputs/radio/disabled/package.json
+++ b/samples/inputs/radio/disabled/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/group/package.json b/samples/inputs/radio/group/package.json
index e3c9ebac97..7da48be58d 100644
--- a/samples/inputs/radio/group/package.json
+++ b/samples/inputs/radio/group/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/invalid/package.json b/samples/inputs/radio/invalid/package.json
index 150888d5d3..9d1ace4c15 100644
--- a/samples/inputs/radio/invalid/package.json
+++ b/samples/inputs/radio/invalid/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/label/package.json b/samples/inputs/radio/label/package.json
index aa9976ddda..3e57b7e311 100644
--- a/samples/inputs/radio/label/package.json
+++ b/samples/inputs/radio/label/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/radio/styling/package.json b/samples/inputs/radio/styling/package.json
index 4fded05fe1..8349837d75 100644
--- a/samples/inputs/radio/styling/package.json
+++ b/samples/inputs/radio/styling/package.json
@@ -25,7 +25,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/basic/package.json b/samples/inputs/rating/basic/package.json
index 9e8fbabd7b..61b192bbc7 100644
--- a/samples/inputs/rating/basic/package.json
+++ b/samples/inputs/rating/basic/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/custom/package.json b/samples/inputs/rating/custom/package.json
index 746778c593..66a1f35755 100644
--- a/samples/inputs/rating/custom/package.json
+++ b/samples/inputs/rating/custom/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/empty/package.json b/samples/inputs/rating/empty/package.json
index 0698314369..2a61b42f1f 100644
--- a/samples/inputs/rating/empty/package.json
+++ b/samples/inputs/rating/empty/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/single-selection/package.json b/samples/inputs/rating/single-selection/package.json
index 5d6a40ac06..7d33234fdc 100644
--- a/samples/inputs/rating/single-selection/package.json
+++ b/samples/inputs/rating/single-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/rating/styling/package.json b/samples/inputs/rating/styling/package.json
index 9e8fbabd7b..61b192bbc7 100644
--- a/samples/inputs/rating/styling/package.json
+++ b/samples/inputs/rating/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/ripple/button/package.json b/samples/inputs/ripple/button/package.json
index 57fdfcb904..7db1fe2727 100644
--- a/samples/inputs/ripple/button/package.json
+++ b/samples/inputs/ripple/button/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/ripple/color/package.json b/samples/inputs/ripple/color/package.json
index 2efe8b192f..50b2ab9c72 100644
--- a/samples/inputs/ripple/color/package.json
+++ b/samples/inputs/ripple/color/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/group/package.json b/samples/inputs/select/group/package.json
index e18e1f65ac..851572f6c1 100644
--- a/samples/inputs/select/group/package.json
+++ b/samples/inputs/select/group/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/header/package.json b/samples/inputs/select/header/package.json
index 87ca3c4339..7257064e88 100644
--- a/samples/inputs/select/header/package.json
+++ b/samples/inputs/select/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/item/package.json b/samples/inputs/select/item/package.json
index 67a7ffdc26..c4ede973c1 100644
--- a/samples/inputs/select/item/package.json
+++ b/samples/inputs/select/item/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/overview/package.json b/samples/inputs/select/overview/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/inputs/select/overview/package.json
+++ b/samples/inputs/select/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/select/styling/package.json b/samples/inputs/select/styling/package.json
index 4863decfd4..8e5c51a330 100644
--- a/samples/inputs/select/styling/package.json
+++ b/samples/inputs/select/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/constraints/package.json b/samples/inputs/slider/constraints/package.json
index 2db7ab4f5d..2867173f6f 100644
--- a/samples/inputs/slider/constraints/package.json
+++ b/samples/inputs/slider/constraints/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/disabled/package.json b/samples/inputs/slider/disabled/package.json
index 52b472ad9d..0859ba0c57 100644
--- a/samples/inputs/slider/disabled/package.json
+++ b/samples/inputs/slider/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/discrete/package.json b/samples/inputs/slider/discrete/package.json
index 944c19034c..5bc3a21d25 100644
--- a/samples/inputs/slider/discrete/package.json
+++ b/samples/inputs/slider/discrete/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/labels/package.json b/samples/inputs/slider/labels/package.json
index 075f2bdd34..a8ff313c7f 100644
--- a/samples/inputs/slider/labels/package.json
+++ b/samples/inputs/slider/labels/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/overview/package.json b/samples/inputs/slider/overview/package.json
index dfed016de1..6b380de902 100644
--- a/samples/inputs/slider/overview/package.json
+++ b/samples/inputs/slider/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/styling/package.json b/samples/inputs/slider/styling/package.json
index bc33f231bc..dec0b5c880 100644
--- a/samples/inputs/slider/styling/package.json
+++ b/samples/inputs/slider/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/tick-labels/package.json b/samples/inputs/slider/tick-labels/package.json
index e5b573c182..4f19842516 100644
--- a/samples/inputs/slider/tick-labels/package.json
+++ b/samples/inputs/slider/tick-labels/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/ticks/package.json b/samples/inputs/slider/ticks/package.json
index 7589bc877d..f3af42979d 100644
--- a/samples/inputs/slider/ticks/package.json
+++ b/samples/inputs/slider/ticks/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/value-format/package.json b/samples/inputs/slider/value-format/package.json
index 1065750a52..0bd90d3e51 100644
--- a/samples/inputs/slider/value-format/package.json
+++ b/samples/inputs/slider/value-format/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/slider/value/package.json b/samples/inputs/slider/value/package.json
index 6f8d0c6dbb..2237c7cf99 100644
--- a/samples/inputs/slider/value/package.json
+++ b/samples/inputs/slider/value/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/checking/package.json b/samples/inputs/switches/checking/package.json
index a3f684c35f..15a67a1de7 100644
--- a/samples/inputs/switches/checking/package.json
+++ b/samples/inputs/switches/checking/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/disabled/package.json b/samples/inputs/switches/disabled/package.json
index 3090e02e6f..17a91cc5ba 100644
--- a/samples/inputs/switches/disabled/package.json
+++ b/samples/inputs/switches/disabled/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/label/package.json b/samples/inputs/switches/label/package.json
index 146f419860..12d8bead4e 100644
--- a/samples/inputs/switches/label/package.json
+++ b/samples/inputs/switches/label/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/switches/overview/package.json b/samples/inputs/switches/overview/package.json
index 3e8351b445..e2971b9d86 100644
--- a/samples/inputs/switches/overview/package.json
+++ b/samples/inputs/switches/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/form-integration/package.json b/samples/inputs/textarea/form-integration/package.json
index ca3c7b8936..7c9e45118f 100644
--- a/samples/inputs/textarea/form-integration/package.json
+++ b/samples/inputs/textarea/form-integration/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/overview/package.json b/samples/inputs/textarea/overview/package.json
index 703d96b688..0edd278e06 100644
--- a/samples/inputs/textarea/overview/package.json
+++ b/samples/inputs/textarea/overview/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/resize/package.json b/samples/inputs/textarea/resize/package.json
index 47110edf39..d3c951b6ad 100644
--- a/samples/inputs/textarea/resize/package.json
+++ b/samples/inputs/textarea/resize/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/slots/package.json b/samples/inputs/textarea/slots/package.json
index 962925be43..b675e5766a 100644
--- a/samples/inputs/textarea/slots/package.json
+++ b/samples/inputs/textarea/slots/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/inputs/textarea/styling/package.json b/samples/inputs/textarea/styling/package.json
index 96fc6e605f..07b40bedb1 100644
--- a/samples/inputs/textarea/styling/package.json
+++ b/samples/inputs/textarea/styling/package.json
@@ -23,7 +23,7 @@
         "@webcomponents/template": "^1.4.2",
         "babel-runtime": "^6.26.0",
         "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
         "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
         "style-loader": "^0.22.1",
         "tsconfig-paths-webpack-plugin": "^4.0.0",
         "typescript": "^4.4.4",
-        "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "^4.11.1",
         "worker-loader": "^3.0.8",
diff --git a/samples/layouts/accordion/customization/package.json b/samples/layouts/accordion/customization/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/accordion/customization/package.json
+++ b/samples/layouts/accordion/customization/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/accordion/nested-scenario/package.json b/samples/layouts/accordion/nested-scenario/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/accordion/nested-scenario/package.json
+++ b/samples/layouts/accordion/nested-scenario/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/accordion/overview/package.json b/samples/layouts/accordion/overview/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/accordion/overview/package.json
+++ b/samples/layouts/accordion/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/icon/package.json b/samples/layouts/avatar/icon/package.json
index 11b6578884..99041fcef0 100644
--- a/samples/layouts/avatar/icon/package.json
+++ b/samples/layouts/avatar/icon/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/image/package.json b/samples/layouts/avatar/image/package.json
index c740e90df7..095c4f6d40 100644
--- a/samples/layouts/avatar/image/package.json
+++ b/samples/layouts/avatar/image/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/initials/package.json b/samples/layouts/avatar/initials/package.json
index bafa2a265e..518f124cc0 100644
--- a/samples/layouts/avatar/initials/package.json
+++ b/samples/layouts/avatar/initials/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/shape/package.json b/samples/layouts/avatar/shape/package.json
index 0acda05887..94d129e79d 100644
--- a/samples/layouts/avatar/shape/package.json
+++ b/samples/layouts/avatar/shape/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/avatar/size/package.json b/samples/layouts/avatar/size/package.json
index 514dd0177d..9bbd7f28a0 100644
--- a/samples/layouts/avatar/size/package.json
+++ b/samples/layouts/avatar/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/horizontal/package.json b/samples/layouts/card/horizontal/package.json
index 68aed20ab2..1e0092d718 100644
--- a/samples/layouts/card/horizontal/package.json
+++ b/samples/layouts/card/horizontal/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/integration/package.json b/samples/layouts/card/integration/package.json
index c503211dc2..8f36741a0e 100644
--- a/samples/layouts/card/integration/package.json
+++ b/samples/layouts/card/integration/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/overview/package.json b/samples/layouts/card/overview/package.json
index 619114823f..482a68d747 100644
--- a/samples/layouts/card/overview/package.json
+++ b/samples/layouts/card/overview/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/semi-horizontal/package.json b/samples/layouts/card/semi-horizontal/package.json
index 0861489f9e..cf0b738a37 100644
--- a/samples/layouts/card/semi-horizontal/package.json
+++ b/samples/layouts/card/semi-horizontal/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/card/styling/package.json b/samples/layouts/card/styling/package.json
index 687ec7e1bf..8e5ee94102 100644
--- a/samples/layouts/card/styling/package.json
+++ b/samples/layouts/card/styling/package.json
@@ -24,7 +24,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/animations/package.json b/samples/layouts/carousel/animations/package.json
index 8d04f9e75b..08f6e8343b 100644
--- a/samples/layouts/carousel/animations/package.json
+++ b/samples/layouts/carousel/animations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/components/package.json b/samples/layouts/carousel/components/package.json
index 3377b52716..fe54d12881 100644
--- a/samples/layouts/carousel/components/package.json
+++ b/samples/layouts/carousel/components/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/overview/package.json b/samples/layouts/carousel/overview/package.json
index 8d25558349..52013c9970 100644
--- a/samples/layouts/carousel/overview/package.json
+++ b/samples/layouts/carousel/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/carousel/thumbnail/package.json b/samples/layouts/carousel/thumbnail/package.json
index 5eddc045a1..038fbda747 100644
--- a/samples/layouts/carousel/thumbnail/package.json
+++ b/samples/layouts/carousel/thumbnail/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.6.3"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/dashed/package.json b/samples/layouts/divider/dashed/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/layouts/divider/dashed/package.json
+++ b/samples/layouts/divider/dashed/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/middle/package.json b/samples/layouts/divider/middle/package.json
index 4863decfd4..8e5c51a330 100644
--- a/samples/layouts/divider/middle/package.json
+++ b/samples/layouts/divider/middle/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/overview/package.json b/samples/layouts/divider/overview/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/layouts/divider/overview/package.json
+++ b/samples/layouts/divider/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/select/package.json b/samples/layouts/divider/select/package.json
index 3c4057b464..c39e1c83f7 100644
--- a/samples/layouts/divider/select/package.json
+++ b/samples/layouts/divider/select/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/divider/vertical/package.json b/samples/layouts/divider/vertical/package.json
index 4863decfd4..8e5c51a330 100644
--- a/samples/layouts/divider/vertical/package.json
+++ b/samples/layouts/divider/vertical/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/add-content-runtime/package.json b/samples/layouts/dock-manager/add-content-runtime/package.json
index 2902e2ef23..0e62202d20 100644
--- a/samples/layouts/dock-manager/add-content-runtime/package.json
+++ b/samples/layouts/dock-manager/add-content-runtime/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/contained-in-boundaries/package.json b/samples/layouts/dock-manager/contained-in-boundaries/package.json
index 45d225d12f..ea302ad753 100644
--- a/samples/layouts/dock-manager/contained-in-boundaries/package.json
+++ b/samples/layouts/dock-manager/contained-in-boundaries/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json
index 833f49f332..e2dded0348 100644
--- a/samples/layouts/dock-manager/customize-buttons/package.json
+++ b/samples/layouts/dock-manager/customize-buttons/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json
index 253db42235..27c582f4c8 100644
--- a/samples/layouts/dock-manager/embedding-frames/package.json
+++ b/samples/layouts/dock-manager/embedding-frames/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/focus-panes/package.json b/samples/layouts/dock-manager/focus-panes/package.json
index 2902e2ef23..0e62202d20 100644
--- a/samples/layouts/dock-manager/focus-panes/package.json
+++ b/samples/layouts/dock-manager/focus-panes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/hide-pane-headers/package.json b/samples/layouts/dock-manager/hide-pane-headers/package.json
index 2902e2ef23..0e62202d20 100644
--- a/samples/layouts/dock-manager/hide-pane-headers/package.json
+++ b/samples/layouts/dock-manager/hide-pane-headers/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/hiding-panes/package.json b/samples/layouts/dock-manager/hiding-panes/package.json
index 160e6b4faa..6990bff704 100644
--- a/samples/layouts/dock-manager/hiding-panes/package.json
+++ b/samples/layouts/dock-manager/hiding-panes/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/overview/package.json b/samples/layouts/dock-manager/overview/package.json
index 26f7f4786d..0218b1c806 100644
--- a/samples/layouts/dock-manager/overview/package.json
+++ b/samples/layouts/dock-manager/overview/package.json
@@ -23,8 +23,8 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/proximity-dock/package.json b/samples/layouts/dock-manager/proximity-dock/package.json
index 906d7a8bc0..953331cdea 100644
--- a/samples/layouts/dock-manager/proximity-dock/package.json
+++ b/samples/layouts/dock-manager/proximity-dock/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/styling/package.json b/samples/layouts/dock-manager/styling/package.json
index f3017184e2..6406fd3a4a 100644
--- a/samples/layouts/dock-manager/styling/package.json
+++ b/samples/layouts/dock-manager/styling/package.json
@@ -24,9 +24,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents": "5.1.1",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents": "5.1.2",
+    "igniteui-webcomponents-core": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -50,7 +50,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/toggle-inner-dock/package.json b/samples/layouts/dock-manager/toggle-inner-dock/package.json
index c3d7dd9db1..f03b4cc69a 100644
--- a/samples/layouts/dock-manager/toggle-inner-dock/package.json
+++ b/samples/layouts/dock-manager/toggle-inner-dock/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
+    "igniteui-dockmanager": "1.15.2",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -47,7 +47,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/dock-manager/updating-panes/package.json b/samples/layouts/dock-manager/updating-panes/package.json
index a4f9258eda..8b37b826af 100644
--- a/samples/layouts/dock-manager/updating-panes/package.json
+++ b/samples/layouts/dock-manager/updating-panes/package.json
@@ -23,11 +23,11 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-dockmanager": "1.14.3",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-gauges": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-dockmanager": "1.15.2",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-gauges": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/component-customization/package.json b/samples/layouts/expansion-panel/component-customization/package.json
index f9c88556f5..f84dcc3f00 100644
--- a/samples/layouts/expansion-panel/component-customization/package.json
+++ b/samples/layouts/expansion-panel/component-customization/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/properties-and-events/package.json b/samples/layouts/expansion-panel/properties-and-events/package.json
index 15205e7ddf..e51f42c66f 100644
--- a/samples/layouts/expansion-panel/properties-and-events/package.json
+++ b/samples/layouts/expansion-panel/properties-and-events/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/styling/package.json b/samples/layouts/expansion-panel/styling/package.json
index 1f9ba0794c..d41b256cb6 100644
--- a/samples/layouts/expansion-panel/styling/package.json
+++ b/samples/layouts/expansion-panel/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/expansion-panel/usage/package.json b/samples/layouts/expansion-panel/usage/package.json
index 850f127705..d0dfeccf58 100644
--- a/samples/layouts/expansion-panel/usage/package.json
+++ b/samples/layouts/expansion-panel/usage/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/icon/sizing/package.json b/samples/layouts/icon/sizing/package.json
index 4dd1c8aff5..858b0af614 100644
--- a/samples/layouts/icon/sizing/package.json
+++ b/samples/layouts/icon/sizing/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/icon/styling/package.json b/samples/layouts/icon/styling/package.json
index 4dd1c8aff5..858b0af614 100644
--- a/samples/layouts/icon/styling/package.json
+++ b/samples/layouts/icon/styling/package.json
@@ -26,7 +26,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -51,7 +51,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/animations/package.json b/samples/layouts/stepper/animations/package.json
index 983cc28e2c..99d5a82d23 100644
--- a/samples/layouts/stepper/animations/package.json
+++ b/samples/layouts/stepper/animations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/linear/package.json b/samples/layouts/stepper/linear/package.json
index 82928ce1c4..051c853f0c 100644
--- a/samples/layouts/stepper/linear/package.json
+++ b/samples/layouts/stepper/linear/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/orientation/package.json b/samples/layouts/stepper/orientation/package.json
index fd7265cbf3..797880ccbd 100644
--- a/samples/layouts/stepper/orientation/package.json
+++ b/samples/layouts/stepper/orientation/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/overview/package.json b/samples/layouts/stepper/overview/package.json
index 5643ce7030..d83a156703 100644
--- a/samples/layouts/stepper/overview/package.json
+++ b/samples/layouts/stepper/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/stepper/steptypes/package.json b/samples/layouts/stepper/steptypes/package.json
index d7cee65af1..1c657ac0d6 100644
--- a/samples/layouts/stepper/steptypes/package.json
+++ b/samples/layouts/stepper/steptypes/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "install": "^0.13.0",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
@@ -49,7 +49,7 @@
     "source-map": "^0.7.3",
     "style-loader": "^0.22.1",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/alignment/package.json b/samples/layouts/tabs/alignment/package.json
index 62a7ceee42..5df141f4d7 100644
--- a/samples/layouts/tabs/alignment/package.json
+++ b/samples/layouts/tabs/alignment/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/overview/package.json b/samples/layouts/tabs/overview/package.json
index 82f7f81d8d..1ba9591b82 100644
--- a/samples/layouts/tabs/overview/package.json
+++ b/samples/layouts/tabs/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/prefix-suffix/package.json b/samples/layouts/tabs/prefix-suffix/package.json
index d0c40bef98..1f30d9b91c 100644
--- a/samples/layouts/tabs/prefix-suffix/package.json
+++ b/samples/layouts/tabs/prefix-suffix/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/layouts/tabs/scrolling/package.json b/samples/layouts/tabs/scrolling/package.json
index 8a6baab690..5b3092f907 100644
--- a/samples/layouts/tabs/scrolling/package.json
+++ b/samples/layouts/tabs/scrolling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-data-csv/package.json b/samples/maps/geo-map/binding-data-csv/package.json
index 9bf6214d4e..2c67a49f6e 100644
--- a/samples/maps/geo-map/binding-data-csv/package.json
+++ b/samples/maps/geo-map/binding-data-csv/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 61055aeeee..0146c8eadb 100644
--- a/samples/maps/geo-map/binding-data-json-points/package.json
+++ b/samples/maps/geo-map/binding-data-json-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-data-model/package.json b/samples/maps/geo-map/binding-data-model/package.json
index 2c8d5a63d3..f6aff7edd7 100644
--- a/samples/maps/geo-map/binding-data-model/package.json
+++ b/samples/maps/geo-map/binding-data-model/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-multiple-shapes/package.json b/samples/maps/geo-map/binding-multiple-shapes/package.json
index 44ed4db46f..111a69bbb5 100644
--- a/samples/maps/geo-map/binding-multiple-shapes/package.json
+++ b/samples/maps/geo-map/binding-multiple-shapes/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-multiple-sources/package.json b/samples/maps/geo-map/binding-multiple-sources/package.json
index fd2918b43f..fc86aa8f67 100644
--- a/samples/maps/geo-map/binding-multiple-sources/package.json
+++ b/samples/maps/geo-map/binding-multiple-sources/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-shp-points/package.json b/samples/maps/geo-map/binding-shp-points/package.json
index ba468eb8cc..2f891717ed 100644
--- a/samples/maps/geo-map/binding-shp-points/package.json
+++ b/samples/maps/geo-map/binding-shp-points/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-shp-polygons/package.json b/samples/maps/geo-map/binding-shp-polygons/package.json
index dbf6d68d67..1c1f9544fe 100644
--- a/samples/maps/geo-map/binding-shp-polygons/package.json
+++ b/samples/maps/geo-map/binding-shp-polygons/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/binding-shp-polylines/package.json b/samples/maps/geo-map/binding-shp-polylines/package.json
index 375b29b7ae..18375e87a8 100644
--- a/samples/maps/geo-map/binding-shp-polylines/package.json
+++ b/samples/maps/geo-map/binding-shp-polylines/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/custom-tooltips/package.json b/samples/maps/geo-map/custom-tooltips/package.json
index 9ce8a51c72..1d998a8a14 100644
--- a/samples/maps/geo-map/custom-tooltips/package.json
+++ b/samples/maps/geo-map/custom-tooltips/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-all-imagery/package.json b/samples/maps/geo-map/display-all-imagery/package.json
index 0904b25a55..591baeafe8 100644
--- a/samples/maps/geo-map/display-all-imagery/package.json
+++ b/samples/maps/geo-map/display-all-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-bing-imagery/package.json b/samples/maps/geo-map/display-bing-imagery/package.json
index 5e39ca8e5a..3cd96cf53c 100644
--- a/samples/maps/geo-map/display-bing-imagery/package.json
+++ b/samples/maps/geo-map/display-bing-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-esri-imagery/package.json b/samples/maps/geo-map/display-esri-imagery/package.json
index a0802f191f..71bb3492e0 100644
--- a/samples/maps/geo-map/display-esri-imagery/package.json
+++ b/samples/maps/geo-map/display-esri-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-heat-imagery/package.json b/samples/maps/geo-map/display-heat-imagery/package.json
index 7891c94753..c4df682d5b 100644
--- a/samples/maps/geo-map/display-heat-imagery/package.json
+++ b/samples/maps/geo-map/display-heat-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/display-osm-imagery/package.json b/samples/maps/geo-map/display-osm-imagery/package.json
index f1cf1f7a15..7754123969 100644
--- a/samples/maps/geo-map/display-osm-imagery/package.json
+++ b/samples/maps/geo-map/display-osm-imagery/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/marker-template/package.json b/samples/maps/geo-map/marker-template/package.json
index 3c7160d926..94a15bfb5a 100644
--- a/samples/maps/geo-map/marker-template/package.json
+++ b/samples/maps/geo-map/marker-template/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/marker-type/package.json b/samples/maps/geo-map/marker-type/package.json
index 2dbb306fa8..7407d797b7 100644
--- a/samples/maps/geo-map/marker-type/package.json
+++ b/samples/maps/geo-map/marker-type/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/navigation/package.json b/samples/maps/geo-map/navigation/package.json
index 6e93d52ff1..6fcaeff6f0 100644
--- a/samples/maps/geo-map/navigation/package.json
+++ b/samples/maps/geo-map/navigation/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/overview/package.json b/samples/maps/geo-map/overview/package.json
index 6fb6286722..d4eacac9f5 100644
--- a/samples/maps/geo-map/overview/package.json
+++ b/samples/maps/geo-map/overview/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/shape-styling/package.json b/samples/maps/geo-map/shape-styling/package.json
index b0f9461871..09206b316f 100644
--- a/samples/maps/geo-map/shape-styling/package.json
+++ b/samples/maps/geo-map/shape-styling/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/synchronization/package.json b/samples/maps/geo-map/synchronization/package.json
index ab0688777a..ff8478bc08 100644
--- a/samples/maps/geo-map/synchronization/package.json
+++ b/samples/maps/geo-map/synchronization/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/maps/geo-map/triangulating-data/package.json b/samples/maps/geo-map/triangulating-data/package.json
index 42626570b1..b5f7a79722 100644
--- a/samples/maps/geo-map/triangulating-data/package.json
+++ b/samples/maps/geo-map/triangulating-data/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 21cbc7e4a1..8ccb43a3f9 100644
--- a/samples/maps/geo-map/type-scatter-area-series/package.json
+++ b/samples/maps/geo-map/type-scatter-area-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 19cd144818..108b9d6f35 100644
--- a/samples/maps/geo-map/type-scatter-bubble-series/package.json
+++ b/samples/maps/geo-map/type-scatter-bubble-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 63711e20dc..61162fe3e2 100644
--- a/samples/maps/geo-map/type-scatter-contour-series/package.json
+++ b/samples/maps/geo-map/type-scatter-contour-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 2761221810..c2f605b101 100644
--- a/samples/maps/geo-map/type-scatter-density-series/package.json
+++ b/samples/maps/geo-map/type-scatter-density-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 332c89ff33..25b08ca94f 100644
--- a/samples/maps/geo-map/type-scatter-symbol-series/package.json
+++ b/samples/maps/geo-map/type-scatter-symbol-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 8fa89c0542..b7588fafa8 100644
--- a/samples/maps/geo-map/type-shape-polygon-series/package.json
+++ b/samples/maps/geo-map/type-shape-polygon-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
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 3e2d53a663..13b41445ac 100644
--- a/samples/maps/geo-map/type-shape-polyline-series/package.json
+++ b/samples/maps/geo-map/type-shape-polyline-series/package.json
@@ -23,9 +23,9 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents-charts": "5.0.3-beta.0",
-    "igniteui-webcomponents-core": "5.0.3-beta.0",
-    "igniteui-webcomponents-maps": "5.0.3-beta.0",
+    "igniteui-webcomponents-charts": "5.1.0",
+    "igniteui-webcomponents-core": "5.1.0",
+    "igniteui-webcomponents-maps": "5.1.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
   },
@@ -49,7 +49,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-bar/overview/package.json b/samples/menus/nav-bar/overview/package.json
index fb090d02d3..42b139af9a 100644
--- a/samples/menus/nav-bar/overview/package.json
+++ b/samples/menus/nav-bar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-bar/styling/package.json b/samples/menus/nav-bar/styling/package.json
index 0684cc1c7f..6aa0600f45 100644
--- a/samples/menus/nav-bar/styling/package.json
+++ b/samples/menus/nav-bar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/add-drawer-items/package.json b/samples/menus/nav-drawer/add-drawer-items/package.json
index 778543b262..6d370f77a2 100644
--- a/samples/menus/nav-drawer/add-drawer-items/package.json
+++ b/samples/menus/nav-drawer/add-drawer-items/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/add-mini/package.json b/samples/menus/nav-drawer/add-mini/package.json
index 2065080dc0..bc35b80174 100644
--- a/samples/menus/nav-drawer/add-mini/package.json
+++ b/samples/menus/nav-drawer/add-mini/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/add-positions-navbar/package.json b/samples/menus/nav-drawer/add-positions-navbar/package.json
index 943102e74a..db4049ed69 100644
--- a/samples/menus/nav-drawer/add-positions-navbar/package.json
+++ b/samples/menus/nav-drawer/add-positions-navbar/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/menus/nav-drawer/styling/package.json b/samples/menus/nav-drawer/styling/package.json
index 28868527fa..725694dcfb 100644
--- a/samples/menus/nav-drawer/styling/package.json
+++ b/samples/menus/nav-drawer/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-advanced-sample/package.json b/samples/notifications/banner/banner-advanced-sample/package.json
index e607bdd62d..6d1a06c28a 100644
--- a/samples/notifications/banner/banner-advanced-sample/package.json
+++ b/samples/notifications/banner/banner-advanced-sample/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-sample-1/package.json b/samples/notifications/banner/banner-sample-1/package.json
index 61e308e04b..ff324c812f 100644
--- a/samples/notifications/banner/banner-sample-1/package.json
+++ b/samples/notifications/banner/banner-sample-1/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-sample-2/package.json b/samples/notifications/banner/banner-sample-2/package.json
index 5045864481..f1372d9aab 100644
--- a/samples/notifications/banner/banner-sample-2/package.json
+++ b/samples/notifications/banner/banner-sample-2/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/banner/banner-styling/package.json b/samples/notifications/banner/banner-styling/package.json
index 40b280d4e6..da6160f26c 100644
--- a/samples/notifications/banner/banner-styling/package.json
+++ b/samples/notifications/banner/banner-styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/closing-variations/package.json b/samples/notifications/dialog/closing-variations/package.json
index 217565e40c..46a4b88929 100644
--- a/samples/notifications/dialog/closing-variations/package.json
+++ b/samples/notifications/dialog/closing-variations/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/form/package.json b/samples/notifications/dialog/form/package.json
index 81e17e733b..3a8290d13c 100644
--- a/samples/notifications/dialog/form/package.json
+++ b/samples/notifications/dialog/form/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/overview/package.json b/samples/notifications/dialog/overview/package.json
index ed8ca38387..f7599127d0 100644
--- a/samples/notifications/dialog/overview/package.json
+++ b/samples/notifications/dialog/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/dialog/styling/package.json b/samples/notifications/dialog/styling/package.json
index 5e41729519..d14a1a5b16 100644
--- a/samples/notifications/dialog/styling/package.json
+++ b/samples/notifications/dialog/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/action-text/package.json b/samples/notifications/snackbar/action-text/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/action-text/package.json
+++ b/samples/notifications/snackbar/action-text/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/display-time/package.json b/samples/notifications/snackbar/display-time/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/display-time/package.json
+++ b/samples/notifications/snackbar/display-time/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/overview/package.json b/samples/notifications/snackbar/overview/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/overview/package.json
+++ b/samples/notifications/snackbar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/snackbar/styling/package.json b/samples/notifications/snackbar/styling/package.json
index 2682939b5e..475fdf295e 100644
--- a/samples/notifications/snackbar/styling/package.json
+++ b/samples/notifications/snackbar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/toast/overview/package.json b/samples/notifications/toast/overview/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/notifications/toast/overview/package.json
+++ b/samples/notifications/toast/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/toast/properties/package.json b/samples/notifications/toast/properties/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/notifications/toast/properties/package.json
+++ b/samples/notifications/toast/properties/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/notifications/toast/styling/package.json b/samples/notifications/toast/styling/package.json
index 89b174fc25..4d8b86e82b 100644
--- a/samples/notifications/toast/styling/package.json
+++ b/samples/notifications/toast/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/disabled-dates/package.json b/samples/scheduling/calendar/disabled-dates/package.json
index 91c48d1c38..9e73d5cd03 100644
--- a/samples/scheduling/calendar/disabled-dates/package.json
+++ b/samples/scheduling/calendar/disabled-dates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/formatting/package.json b/samples/scheduling/calendar/formatting/package.json
index 683a1dcdb7..883e9af73c 100644
--- a/samples/scheduling/calendar/formatting/package.json
+++ b/samples/scheduling/calendar/formatting/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/header/package.json b/samples/scheduling/calendar/header/package.json
index 45a3bc85b9..e9be1d6dc9 100644
--- a/samples/scheduling/calendar/header/package.json
+++ b/samples/scheduling/calendar/header/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/multiple-months/package.json b/samples/scheduling/calendar/multiple-months/package.json
index c96228f304..50631aec55 100644
--- a/samples/scheduling/calendar/multiple-months/package.json
+++ b/samples/scheduling/calendar/multiple-months/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/multiple-selection/package.json b/samples/scheduling/calendar/multiple-selection/package.json
index 80bb2c23aa..3e7a53097c 100644
--- a/samples/scheduling/calendar/multiple-selection/package.json
+++ b/samples/scheduling/calendar/multiple-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/overview/package.json b/samples/scheduling/calendar/overview/package.json
index fc5284f658..42226e3224 100644
--- a/samples/scheduling/calendar/overview/package.json
+++ b/samples/scheduling/calendar/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/range-selection/package.json b/samples/scheduling/calendar/range-selection/package.json
index 23af02f7c0..bd377c8d81 100644
--- a/samples/scheduling/calendar/range-selection/package.json
+++ b/samples/scheduling/calendar/range-selection/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/size/package.json b/samples/scheduling/calendar/size/package.json
index ba6b07b548..5da068446a 100644
--- a/samples/scheduling/calendar/size/package.json
+++ b/samples/scheduling/calendar/size/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/special-dates/package.json b/samples/scheduling/calendar/special-dates/package.json
index 2876be63bb..f68f75cd2a 100644
--- a/samples/scheduling/calendar/special-dates/package.json
+++ b/samples/scheduling/calendar/special-dates/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/styling/package.json b/samples/scheduling/calendar/styling/package.json
index 0afb90448e..dd016a182f 100644
--- a/samples/scheduling/calendar/styling/package.json
+++ b/samples/scheduling/calendar/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/calendar/week-numbers/package.json b/samples/scheduling/calendar/week-numbers/package.json
index a03bf59fb9..dda62816d2 100644
--- a/samples/scheduling/calendar/week-numbers/package.json
+++ b/samples/scheduling/calendar/week-numbers/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/dialog-mode/package.json b/samples/scheduling/date-picker/dialog-mode/package.json
index 4884299af2..d6bf25ca54 100644
--- a/samples/scheduling/date-picker/dialog-mode/package.json
+++ b/samples/scheduling/date-picker/dialog-mode/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/form/package.json b/samples/scheduling/date-picker/form/package.json
index c1150977c8..90211191f9 100644
--- a/samples/scheduling/date-picker/form/package.json
+++ b/samples/scheduling/date-picker/form/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/format/package.json b/samples/scheduling/date-picker/format/package.json
index 5f3b4c0f9b..2312a859d5 100644
--- a/samples/scheduling/date-picker/format/package.json
+++ b/samples/scheduling/date-picker/format/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/overview/package.json b/samples/scheduling/date-picker/overview/package.json
index db715ce13c..6aa3f6bed3 100644
--- a/samples/scheduling/date-picker/overview/package.json
+++ b/samples/scheduling/date-picker/overview/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",
diff --git a/samples/scheduling/date-picker/styling/package.json b/samples/scheduling/date-picker/styling/package.json
index 65851e9d6c..1503b5dd4a 100644
--- a/samples/scheduling/date-picker/styling/package.json
+++ b/samples/scheduling/date-picker/styling/package.json
@@ -23,7 +23,7 @@
     "@webcomponents/template": "^1.4.2",
     "babel-runtime": "^6.26.0",
     "core-js": "^3.6.5",
-    "igniteui-webcomponents": "5.1.1",
+    "igniteui-webcomponents": "5.1.2",
     "lit": "^3.2.0",
     "lit-html": "^3.2.0",
     "tslib": "^2.0.0"
@@ -48,7 +48,7 @@
     "style-loader": "^0.22.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
     "typescript": "^4.4.4",
-    "webpack": "^5.74.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.11.1",
     "worker-loader": "^3.0.8",