release - march 2025

browser/public/index.html

@@ -85,6 +85,7 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/point-chart-multiple-sources">─<span>Point Chart Multiple Sources</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/point-chart-single-source">─<span>Point Chart Single Source</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/point-chart-styling">─<span>Point Chart Styling</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/selection-matcher">─<span>Selection Matcher</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/selection-modes">─<span>Selection Modes</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/selection-multiple-modes">─<span>Selection Multiple Modes</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/category-chart/spline-area-multiple-sources">─<span>Spline Area Multiple Sources</span></a> 
@@ -200,6 +201,7 @@
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/type-scatter-polyline-series">─<span>Scatter Polyline Series</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/type-scatter-series">─<span>Scatter Series</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/scatter-spline-chart">─<span>Scatter Spline Chart</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/selection-matcher">─<span>Selection Matcher</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/series-animations">─<span>Series Animations</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/series-annotations">─<span>Series Annotations</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-chart/series-error-bars">─<span>Series Error Bars</span></a> 
@@ -230,6 +232,7 @@
        <label id="nav-data-pie-chart" class="nav-component">Data Pie Chart</label> 
        <div id="nav-data-pie-chart-list" class="nav-list" state="collapsed"> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-pie-chart/animation">─<span>Animation</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/charts/data-pie-chart/animation-replay">─<span>Animation Replay</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-pie-chart/highlight-filter">─<span>Highlight Filter</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-pie-chart/highlighting">─<span>Highlighting</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/charts/data-pie-chart/legend">─<span>Legend</span></a> 
@@ -989,6 +992,7 @@
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/hiding-panes">─<span>Hiding Panes</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/overview">─<span>Overview</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/proximity-dock">─<span>Proximity Dock</span></a> 
+           <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/split-pane-fixed-size">─<span>Split Pane Fixed Size</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/styling">─<span>Styling</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/toggle-inner-dock">─<span>Toggle Inner Dock</span></a> 
            <a class="nav-link" href="#" data-nav="/samples/layouts/dock-manager/updating-panes">─<span>Updating Panes</span></a> 

browser/tasks/gulp-samples.js

@@ -976,21 +976,21 @@ function updateIG(cb) {
     // { version: "3.2.12",  name:               "igniteui-webcomponents-core" },   // PUBLIC NPM
     let packageUpgrades = [
         // these IG packages are often updated:
-        { version: "5.2.0", name: "igniteui-webcomponents-core" },
-        { version: "5.2.0", name: "igniteui-webcomponents-charts" },
-        { version: "5.2.0", name: "igniteui-webcomponents-excel" },
-        { version: "5.2.0", name: "igniteui-webcomponents-gauges" },
-        { version: "5.2.0", name: "igniteui-webcomponents-grids" },
-        { version: "5.2.0", name: "igniteui-webcomponents-inputs" },
-        { version: "5.2.0", name: "igniteui-webcomponents-layouts" },
-        { version: "5.2.0", name: "igniteui-webcomponents-maps" },
-        { version: "5.2.0", name: "igniteui-webcomponents-spreadsheet-chart-adapter" },
-        { version: "5.2.0", name: "igniteui-webcomponents-spreadsheet" },
-        { version: "5.2.0", name: "igniteui-webcomponents-datasources" },
-        { version: "5.2.0", name: "igniteui-webcomponents-dashboards" },
+        { version: "5.3.0", name: "igniteui-webcomponents-core" },
+        { version: "5.3.0", name: "igniteui-webcomponents-charts" },
+        { version: "5.3.0", name: "igniteui-webcomponents-excel" },
+        { version: "5.3.0", name: "igniteui-webcomponents-gauges" },
+        { version: "5.3.0", name: "igniteui-webcomponents-grids" },
+        { version: "5.3.0", name: "igniteui-webcomponents-inputs" },
+        { version: "5.3.0", name: "igniteui-webcomponents-layouts" },
+        { version: "5.3.0", name: "igniteui-webcomponents-maps" },
+        { version: "5.3.0", name: "igniteui-webcomponents-spreadsheet-chart-adapter" },
+        { version: "5.3.0", name: "igniteui-webcomponents-spreadsheet" },
+        { version: "5.3.0", name: "igniteui-webcomponents-datasources" },
+        { version: "5.3.0", name: "igniteui-webcomponents-dashboards" },
         // these IG packages are sometimes updated:
-        { version: "5.2.1" , name: "igniteui-webcomponents" },
-        { version: "1.15.2", name: "igniteui-dockmanager" },
+        { version: "5.2.4" , name: "igniteui-webcomponents" },
+        { version: "1.16.0", name: "igniteui-dockmanager" },
         // other packages:
         { version: "^5.96.1", name: "webpack" },
         { version: "^4.10.0", name: "webpack-cli" },

browser/templates/sample/package.json

@@ -34,23 +34,24 @@
     "@material-ui/icons": { "version": "^4.5.1", "usage": "detect", "keywords": ["@material-ui/core"] },
     "@types/file-saver":  { "version": "^2.0.0", "usage": "detect", "keywords": ["ExcelUtility"] },
     "file-saver":         { "version": "^1.3.8", "usage": "detect", "keywords": ["ExcelUtility"] },
-    "igniteui-dockmanager":       { "version": "^1.12.5", "usage": "detect", "note": "will detect if needs to inject it by checking import statements in source of a sample" },
-    "igniteui-webcomponents-core":        { "version": "4.3.0-beta.2", "usage": "detect", "note": "will always force injecting it to a package.json "},
-    "igniteui-webcomponents-maps":        { "version": "4.3.0-beta.2", "usage": "detect" },
-    "igniteui-webcomponents-charts":      { "version": "4.3.0-beta.2", "usage": "detect", "keywords": ["igniteui-webcomponents-maps", "igniteui-webcomponents-spreadsheet-chart-adapter"]  },
-    "igniteui-webcomponents-datasources": { "version": "4.3.0-beta.2", "usage": "detect" },
-    "igniteui-webcomponents-gauges":      { "version": "4.3.0-beta.2", "usage": "detect" },
-    "igniteui-webcomponents-spreadsheet": { "version": "4.3.0-beta.2", "usage": "detect" },
-    "igniteui-webcomponents-spreadsheet-chart-adapter": { "version": "4.3.0-beta.2", "usage": "detect" },
-    "igniteui-webcomponents-excel":       { "version": "4.3.0-beta.2", "usage": "detect" },
-    "igniteui-webcomponents-grids":       { "version": "4.3.0-beta.2", "usage": "detect" },
-    "igniteui-webcomponents-inputs":      { "version": "4.3.0-beta.2", "usage": "detect", "keywords": ["igniteui-webcomponents-grids"] },
-    "igniteui-webcomponents-layouts":     { "version": "4.3.0-beta.2", "usage": "detect" }
+    "igniteui-dockmanager":       { "version": "^1.16.0", "usage": "detect", "note": "will detect if needs to inject it by checking import statements in source of a sample" },
+    "igniteui-webcomponents-core":        { "version": "5.2.1-beta.0", "usage": "detect", "note": "will always force injecting it to a package.json "},
+    "igniteui-webcomponents-maps":        { "version": "5.2.1-beta.0", "usage": "detect" },
+    "igniteui-webcomponents-charts":      { "version": "5.2.1-beta.0", "usage": "detect", "keywords": ["igniteui-webcomponents-maps", "igniteui-webcomponents-spreadsheet-chart-adapter"]  },
+    "igniteui-webcomponents-datasources": { "version": "5.2.1-beta.0", "usage": "detect" },
+    "igniteui-webcomponents-gauges":      { "version": "5.2.1-beta.0", "usage": "detect" },
+    "igniteui-webcomponents-spreadsheet": { "version": "5.2.1-beta.0", "usage": "detect" },
+    "igniteui-webcomponents-spreadsheet-chart-adapter": { "version": "5.2.1-beta.0", "usage": "detect" },
+    "igniteui-webcomponents-excel":       { "version": "5.2.1-beta.0", "usage": "detect" },
+    "igniteui-webcomponents-grids":       { "version": "5.2.1-beta.0", "usage": "detect" },
+    "igniteui-webcomponents-inputs":      { "version": "5.2.1-beta.0", "usage": "detect", "keywords": ["igniteui-webcomponents-grids"] },
+    "igniteui-webcomponents-layouts":     { "version": "5.2.1-beta.0", "usage": "detect" }
   },
   "devDependencies": {
       "@babel/cli": "^7.8.3",
       "@babel/core": "^7.8.3",
-      "@babel/plugin-proposal-class-properties": "^7.8.3",
+      "@babel/plugin-transform-class-static-block": "^7.26.0",
+      "@babel/plugin-transform-class-properties": "^7.25.9",
       "@babel/plugin-transform-runtime": "^7.10.0",
       "@babel/preset-env": "^7.8.3",
       "@babel/preset-typescript": "^7.8.3",

browser/templates/sample/webpack.config.js

@@ -65,7 +65,8 @@ module.exports = env => {
                                 "compact": isProd ? true : false,
                                 "presets": presets,
                                 "plugins": [
-                                    "@babel/plugin-proposal-class-properties",
+                                    "@babel/plugin-transform-class-static-block",
+                                    "@babel/plugin-transform-class-properties",
                                     "@babel/plugin-transform-runtime"
                                 ]
                             }
@@ -78,7 +79,8 @@ module.exports = env => {
                         "compact": isProd ? true : false,
                         "presets": presets,
                         "plugins": [
-                            "@babel/plugin-proposal-class-properties",
+                            "@babel/plugin-transform-class-static-block",
+                            "@babel/plugin-transform-class-properties",
                             "@babel/plugin-transform-runtime"
                         ]
                     },