Push latest changes to production

README.md

@@ -1,6 +1,6 @@
 
 <div style="display: flex; flex-flow: row; font-family: 'Titillium Web'">
-    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://raw.githubusercontent.com/IgniteUI/igniteui-xplat-docs/vnext/doc/en/images/readme/ig-banner.png"/>
+    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://dl.infragistics.com/x/img/browsers/ig-banner.png"/>
 </div>
 
 # Examples of Ignite UI for React Components

browser/README.md

@@ -1,6 +1,6 @@
 
 <div style="display: flex; flex-flow: row; font-family: 'Titillium Web'">
-    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://raw.githubusercontent.com/IgniteUI/igniteui-xplat-docs/vnext/doc/en/images/readme/ig-banner.png"/>
+    <img style="border-radius: 0.25rem" alt="ignite-ui" src="https://dl.infragistics.com/x/img/browsers/ig-banner.png"/>
 </div>
 
 # Browser App for React Components

browser/index.html

@@ -12,8 +12,8 @@
     <meta http-equiv='expires' content='0'>
     <meta http-equiv='pragma' content='no-cache'>
 
-    <link rel="apple-touch-icon" href="logo192.png" />
-    <link rel="shortcut icon" href="logo192.png">
+    <link rel="apple-touch-icon" href="https://dl.infragistics.com/x/img/browsers/react.png" />
+    <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/react.png" >
     <base href="/react-demos/">
 
     <!-- before -->
@@ -24,8 +24,8 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <title>Samples Browser | IgniteUI for React | Infragistics</title>
-    <link href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" rel="stylesheet" />
-    <link href="https://static.infragistics.com/xplatform/css/samples/custom-legend.css" rel="stylesheet" type="text/css" />
+    <link href="https://dl.infragistics.com/x/css/samples/shared.v8.css" rel="stylesheet" />
+    <link href="https://dl.infragistics.com/x/css/samples/custom-legend.css" rel="stylesheet" type="text/css" />
     <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" > -->
     <!-- <link href="https://fonts.googleapis.com/css?family=Kanit&display=swap" rel="stylesheet"> -->
     <!-- <link href='https://fonts.googleapis.com/css?family=Titillium Web' rel='stylesheet'> -->

browser/package.json

@@ -24,25 +24,26 @@
     "dompurify": "^3.3.0",
     "file-saver": "1.3.8",
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-grid-lite": "^0.0.1",
-    "igniteui-react": "^19.4.0",
-    "igniteui-react-charts": "19.3.0",
-    "igniteui-react-core": "19.3.0",
-    "igniteui-react-dashboards": "19.3.0",
-    "igniteui-react-data-grids": "19.3.0",
-    "igniteui-react-datasources": "19.3.0",
+    "igniteui-grid-lite": "~0.6.0",
+    "igniteui-react": "^19.5.0",
+    "igniteui-react-charts": "19.3.2",
+    "igniteui-react-core": "19.3.2",
+    "igniteui-react-dashboards": "19.3.2",
+    "igniteui-react-data-grids": "19.3.2",
+    "igniteui-react-datasources": "19.3.2",
     "igniteui-react-dockmanager": "^19.4.0",
-    "igniteui-react-excel": "19.3.0",
-    "igniteui-react-gauges": "19.3.0",
-    "igniteui-react-grids": "^19.4.0",
-    "igniteui-react-inputs": "19.3.0",
-    "igniteui-react-layouts": "19.3.0",
-    "igniteui-react-maps": "19.3.0",
-    "igniteui-react-spreadsheet": "19.3.0",
-    "igniteui-react-spreadsheet-chart-adapter": "19.3.0",
-    "igniteui-webcomponents": "^6.3.0",
+    "igniteui-react-excel": "19.3.2",
+    "igniteui-react-gauges": "19.3.2",
+    "igniteui-react-grids": "^19.5.0",
+    "igniteui-react-inputs": "19.3.2",
+    "igniteui-react-layouts": "19.3.2",
+    "igniteui-react-maps": "19.3.2",
+    "igniteui-react-spreadsheet": "19.3.2",
+    "igniteui-react-spreadsheet-chart-adapter": "19.3.2",
+    "igniteui-theming": "^24.0.2",
+    "igniteui-webcomponents": "^7.0.0",
     "lit-html": "^3.2.0",
-    "marked": "^16.4.1",
+    "marked": "^17.0.0",
     "marked-shiki": "^1.2.1",
     "prop-types": "15.7.2",
     "react": "^19.2.0",
@@ -96,6 +97,7 @@
     "remark": "^14.0.2",
     "remark-frontmatter": "^2.0.0",
     "run-sequence": "^2.2.1",
+    "sass": "^1.84.0",
     "ts-loader": "^9.5.4",
     "ts-node": "^10.9.2",
     "typescript": "^4.8.4",

browser/public/meta.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-11-25 10:38:39","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2026-02-02 17:54:15","note":"this file is auto-generated"}

browser/src/index.css

@@ -0,0 +1,7 @@
+img[src*="dl.infragistics.com/x/img/people"] {
+    width: 62px;
+    height: 62px;
+    object-fit: cover;
+    display: block;
+    margin: auto;
+}

browser/src/navigation/SamplesBrowser.json

@@ -1 +1 @@
-{"version":"23.2.915","date":"2025-11-25 10:38:39","note":"this file is auto-generated"}
+{"version":"23.2.915","date":"2026-02-02 17:54:15","note":"this file is auto-generated"}

browser/tasks/gulp-samples.js

@@ -844,24 +844,24 @@ function updateIG(cb) {
     // { name:               "igniteui-react-charts", version: "16.16.2" }, // npm
     let packageUpgrades = [
         // these IG packages are often updated:
-        { version: "19.3.0", name: "igniteui-react-core" },
-        { version: "19.3.0", name: "igniteui-react-charts" },
-        { version: "19.3.0", name: "igniteui-react-excel" },
-        { version: "19.3.0", name: "igniteui-react-gauges" },
-        { version: "19.3.0", name: "igniteui-react-data-grids" },
-        { version: "^19.4.0", name: "igniteui-react-grids" },
-        { version: "19.3.0", name: "igniteui-react-inputs" },
-        { version: "19.3.0", name: "igniteui-react-layouts" },
-        { version: "19.3.0", name: "igniteui-react-maps" },
-        { version: "19.3.0", name: "igniteui-react-spreadsheet-chart-adapter" },
-        { version: "19.3.0", name: "igniteui-react-spreadsheet" },
-        { version: "19.3.0", name: "igniteui-react-datasources" },
-        { version: "19.3.0", name: "igniteui-react-dashboards" },
-        { version: "^19.4.0", name: "igniteui-react" },
+        { version: "19.3.2", name: "igniteui-react-core" },
+        { version: "19.3.2", name: "igniteui-react-charts" },
+        { version: "19.3.2", name: "igniteui-react-excel" },
+        { version: "19.3.2", name: "igniteui-react-gauges" },
+        { version: "19.3.2", name: "igniteui-react-data-grids" },
+        { version: "^19.5.0", name: "igniteui-react-grids" },
+        { version: "19.3.2", name: "igniteui-react-inputs" },
+        { version: "19.3.2", name: "igniteui-react-layouts" },
+        { version: "19.3.2", name: "igniteui-react-maps" },
+        { version: "19.3.2", name: "igniteui-react-spreadsheet-chart-adapter" },
+        { version: "19.3.2", name: "igniteui-react-spreadsheet" },
+        { version: "19.3.2", name: "igniteui-react-datasources" },
+        { version: "19.3.2", name: "igniteui-react-dashboards" },
+        { version: "^19.5.0", name: "igniteui-react" },
         // these IG packages are sometimes updated:
-        { version: "^6.3.0", name: "igniteui-webcomponents" },
+        { version: "^7.0.0", name: "igniteui-webcomponents" },
         { version: "^19.4.0", name: "igniteui-react-dockmanager" },
-        { version: "^0.0.1", name: "igniteui-grid-lite" },
+        { version: "~0.6.0", name: "igniteui-grid-lite" },
         // main react packages
         { version: "^19.2.0", name: "react" },
         { version: "^19.2.0", name: "react-dom" },

browser/templates/sample/ReadMe-dev.md

@@ -15,7 +15,7 @@ You can preview example of this {PlatformName} application on CodeSandbox by cli
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
     <body>
         <a target="_blank" href="{SandboxUrlEdit}" rel="noopener noreferrer">
-            <img height="40px" style="border-radius: 0.25rem" alt="Edit on CodeSandbox" src="https://static.infragistics.com/xplatform/images/sandbox/code.png"/>
+            <img height="40px" style="border-radius: 0.25rem" alt="Edit on CodeSandbox" src="https://dl.infragistics.com/x/img/sandbox/code.png"/>
         </a>
     </body>
 </html>
@@ -75,11 +75,11 @@ href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/mast
         </a> -->
         <!-- <a target="_blank" style="margin-left: 0.5rem"
 href="{SandboxUrlView}">
-            <img height="40px" style="border-radius: 5px" alt="View on CodeSandbox" src="https://static.infragistics.com/xplatform/images/sandbox/view.png"/>
+            <img height="40px" style="border-radius: 5px" alt="View on CodeSandbox" src="https://dl.infragistics.com/x/img/sandbox/view.png"/>
         </a> -->
         <!-- <a target="_blank"
 href="https://codesandbox.io/embed/github/IgniteUI/igniteui-react-examples/tree/master/samples/maps/geo-map/binding-csv-points?fontsize=14&hidenavigation=1&theme=dark&view=preview">
-            <img alt="View on CodeSandbox" src="https://static.infragistics.com/xplatform/images/sandbox/view.png"/>
+            <img alt="View on CodeSandbox" src="https://dl.infragistics.com/x/img/sandbox/view.png"/>
         </a>
 https://codesandbox.io/embed/react-treemap-overview-rtb45
 https://codesandbox.io/static/img/play-codesandbox.svg

browser/templates/sample/ReadMe.md

@@ -7,16 +7,16 @@ This folder contains implementation of {PlatformName} application with example o
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
     <body>
         <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/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"/>
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://dl.infragistics.com/x/img/browsers/button-docs.png"/>
         </a>
         <a target="_blank" href="./src/index.tsx" 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"/>
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://dl.infragistics.com/x/img/browsers/button-code.png"/>
         </a>
         <a target="_blank" href="https://www.infragistics.com/react-demos/samples{SampleRoute}" 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"/>
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-run.png"/>
         </a>
         <a target="_blank" href="{SandboxUrlEdit}" 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"/>
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://dl.infragistics.com/x/img/browsers/button-sandbox.png"/>
         </a>
     </body>
 </html>

browser/templates/sample/index.html

@@ -4,10 +4,10 @@
     <title>SampleName | Infragistics</title>
     <!--
       manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
+      home screen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
     <!-- <link rel="manifest" href="manifest.json"> -->
-    <!-- <link rel="shortcut icon" href="/images/favicon.svg" type="image/x-icon"> -->
+    <!-- <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/react.png" > -->
 
     <!--
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" >

browser/templates/shared/src/CountryTreeData.ts

@@ -127,7 +127,7 @@ export class CountryTreeData {
         data.push({ Parent: "Europe", Name: "Channel Islands", Pop: 153876 });
         data.push({ Parent: "Europe", Name: "Croatia", Pop: 4403000 });
         data.push({ Parent: "Europe", Name: "Cyprus", Pop: 1116564 });
-        data.push({ Parent: "Europe", Name: "Czech Republic", Pop: 10496088 });
+        data.push({ Parent: "Europe", Name: "Czechia", Pop: 10496088 });
         data.push({ Parent: "Europe", Name: "Denmark", Pop: 5570572 });
         data.push({ Parent: "Europe", Name: "Estonia", Pop: 1339928 });
         data.push({ Parent: "Europe", Name: "Finland", Pop: 5388272 });

browser/templates/shared/src/DataGridSharedData.ts

@@ -8,8 +8,8 @@ export class DataGridSharedData {
         }
 
         const employees: any[] = [];
-        let maleCount: number = 0;
-        let femaleCount: number = 0;
+        let maleCount: number = 10;
+        let femaleCount: number = 10;
         for (let i = 0; i < count; i++) {
             const age: number = Math.round(this.getRandomNumber(20, 40));
             const gender: string = this.getRandomGender();
@@ -25,15 +25,15 @@ export class DataGridSharedData {
 
             if (gender === "male") {
                 maleCount++;
-                if (maleCount > 26) {
-                    maleCount = 1;
+                if (maleCount > 39) {
+                    maleCount = 10;
                 }
                 photoPath = this.getPhotoMale(maleCount);
             }
             else {
                 femaleCount++;
-                if (femaleCount > 24) {
-                    femaleCount = 1;
+                if (femaleCount > 39) {
+                    femaleCount = 10;
                 }
                 photoPath = this.getPhotoFemale(femaleCount);
             }
@@ -98,7 +98,7 @@ export class DataGridSharedData {
             "Samsung HDD", "WD HDD", "Seagate HDD", "Intel HDD",
             "Samsung SSD", "WD SSD", "Seagate SSD", "Intel SSD",
             "Samsung Monitor", "Asus Monitor", "LG Monitor", "HP Monitor" ];
-        const countries: string[] = ["USA", "UK", "France", "Canada", "Poland", "Japan", "Germany"];
+        const countries: string[] = ["United-States", "United-Kingdom", "France", "Canada", "Poland", "Japan", "Germany"];
         const status: string[] = ["Packing", "Shipped", "Delivered"];
         const sales: any[] = [];
 
@@ -135,7 +135,7 @@ export class DataGridSharedData {
         const houses: any[] = [];
         const property: string[] = [ "Townhouse", "Single", "Condo", "Villa"];
         const emails: string[] = [ "estates.com", "remax.com", "zillow.com", "realtor.com", "coldwell.com"];
-        const countries: string[] = ["USA", "UK", "France", "Canada", "Poland", "Japan", "Germany"];
+        const countries: string[] = ["United-States", "United-Kingdom", "France", "Canada", "Poland", "Japan", "Germany"];
 
         for (let i = 0; i < count; i++) {
             const year: number = this.getRandomNumber(1950, 2015);
@@ -180,7 +180,7 @@ export class DataGridSharedData {
     private static maleNames: string[] = ["Kyle", "Oscar", "Ralph", "Mike", "Bill", "Frank", "Howard", "Jack", "Larry", "Pete", "Steve", "Vince", "Mark", "Alex", "Max", "Brian", "Chris", "Andrew", "Martin", "Mike", "Steve", "Glenn", "Bruce"];
     private static femaleNames: string[] = ["Gina", "Irene", "Katie", "Brenda", "Casey", "Fiona", "Holly", "Kate", "Liz", "Pamela", "Nelly", "Marisa", "Monica", "Anna", "Jessica", "Sofia", "Isabella", "Margo", "Jane", "Audrey", "Sally", "Melanie", "Greta", "Aurora", "Sally"];
     private static lastNames: string[] = ["Adams", "Crowley", "Ellis", "Martinez", "Irvine", "Maxwell", "Clark", "Owens", "Rooney", "Lincoln", "Thomas", "Spacey", "MOrgan", "King", "Newton", "Fitzgerald", "Holmes", "Jefferson", "Landry", "Berry", "Perez", "Spencer", "Starr", "Carter", "Edwards", "Stark", "Johnson", "Fitz", "Chief", "Blanc", "Perry", "Stone", "Williams", "Lane", "Jobs", "Adams", "Power", "Tesla"];
-    private static countries: string[] = ["USA", "UK", "France", "Canada", "Poland"];
+    private static countries: string[] = ["United-States", "United-Kingdom", "France", "Canada", "Poland"];
     private static citiesUS: string[] = ["New York", "Los Angeles", "Miami", "San Francisco", "San Diego", "Las Vegas"];
     private static citiesUK: string[] = ["London", "Liverpool", "Manchester"];
     private static citiesFR: string[] = ["Paris", "Marseille", "Lyon"];
@@ -236,13 +236,13 @@ export class DataGridSharedData {
             return this.getRandomItem(this.citiesFR);
         } else if (country === "Poland") {
             return this.getRandomItem(this.citiesPL);
-        } else if (country === "USA") {
+        } else if (country === "United-States") {
             return this.getRandomItem(this.citiesUS);
         } else if (country === "Japan") {
             return this.getRandomItem(this.citiesJP);
         } else if (country === "Germany") {
             return this.getRandomItem(this.citiesGR);
-        } else { // if (country === "United Kingdom") {
+        } else { // if (country === "United-Kingdom") {
             return this.getRandomItem(this.citiesUK);
         }
     }
@@ -263,19 +263,19 @@ export class DataGridSharedData {
     }
 
     private static getPhotoMale(id: number): string {
-        return 'https://static.infragistics.com/xplatform/images/people//GUY' + this.pad(id, 2) + '.png';
+        return 'https://dl.infragistics.com/x/img/people/men/' + this.pad(id, 2) + '.png';
     }
 
     private static getPhotoFemale(id: number): string {
-        return 'https://static.infragistics.com/xplatform/images/people/GIRL' + this.pad(id, 2) + '.png';
+        return 'https://dl.infragistics.com/x/img/people/women/' + this.pad(id, 2) + '.png';
     }
 
     private static getGenderPhoto(gender: string): string {
-        return 'https://static.infragistics.com/xplatform/images/genders/' + gender + '.png';
+        return 'https://dl.infragistics.com/x/img/genders/' + gender + '.png';
     }
 
     private static getCountryFlag(country: string): string {
-        return 'https://static.infragistics.com/xplatform/images/flags/' + country + '.png';
+        return 'https://dl.infragistics.com/x/img/flags/' + country + '.png';
     }
 
     private static pad(num: number, size: number): string{