v24.1.41 is released

Author: pipeline

gulpfile.js

@@ -312,6 +312,7 @@
                             <div class='sb-setting-text'>Localization</div>
                         </div>
                         <div class='setting-content'>
+                            <input type="text" value="en" id="cultureID" style="display: none;">
                             <select id='sb-setting-culture' class='sb-setting-culture-select'>
                                 <option value="en">English</option>
                                 <option value="de">German - Germany*</option>
@@ -330,6 +331,7 @@
                             <div class='sb-setting-text'>Currency</div>
                         </div>
                         <div class='setting-content'>
+                            <input type="text" value="USD" id="currencyID" style="display: none;">
                             <select id='sb-setting-currency' class='sb-setting-currency-content'>
                                 <option value="USD">USD</option>
                                 <option value="EUR">EUR</option>
@@ -431,25 +433,25 @@ <h1 class='sb-sample-text'>Chart</h1>
                 </div>
                 <div class='description-section sb-rightpane-padding'>
                 </div>
-                <div class="ad-wrapper">
-                    <div id='ad-image' class="ad-img">
+                <div class="banner-wrapper">
+                    <div id='banner-image' class="banner-img">
                         <div class="row">
                             <div class="col-sm-12">
                                 <div class="col-sm-12">
-                                    <div id="ad-banner-head" class="ad-header">Transform your JavaScript web apps today with Syncfusion Javascript controls</div>
+                                    <div id="banner-head" class="banner-header">Transform your JavaScript web apps today with Syncfusion Javascript controls</div>
                                 </div>
                                 <div class="col-sm-12 cnt-area">
                                     <div class="content-area">
-                                        <div class="ad-cnt-pt">
-                                            <div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
+                                        <div class="banner-cnt-pt">
+                                            <div class="banner-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
                                             <div class="cnt-text">80+ high-performance and responsive UI components</div>
                                         </div>
-                                        <div class="ad-cnt-pt">
-                                            <div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
+                                        <div class="banner-cnt-pt">
+                                            <div class="banner-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
                                             <div class="cnt-text">Dedicated support</div>
                                         </div>
-                                        <div class="ad-cnt-pt">
-                                            <div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
+                                        <div class="banner-cnt-pt">
+                                            <div class="banner-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
                                             <div class="cnt-text">Hassle-free licensing</div>
                                         </div>
                                     </div>

index.html

@@ -1,90 +1,123 @@
 {
   "name": "@syncfusion/ej2-samples",
-  "version": "23.1.36",
+  "version": "24.1.41",
   "description": "Samples for Syncfusion Essential JS 2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "dependencies": {
+    "@microsoft/signalr": "7.0.12",
     "@syncfusion/ej2": "*",
+    "@syncfusion/ej2-barcode-generator": "*",
     "@syncfusion/ej2-base": "*",
     "@syncfusion/ej2-buttons": "*",
-    "@syncfusion/ej2-splitbuttons": "*",
-    "@syncfusion/ej2-data": "*",
-    "@syncfusion/ej2-lists": "*",
-    "@syncfusion/ej2-barcode-generator": "*",
-    "@syncfusion/ej2-grids": "*",
-    "@syncfusion/ej2-schedule": "*",
-    "@syncfusion/ej2-dropdowns": "*",
-    "@syncfusion/ej2-heatmap": "*",
     "@syncfusion/ej2-calendars": "*",
-    "@syncfusion/ej2-inputs": "*",
-    "@syncfusion/ej2-popups": "*",
     "@syncfusion/ej2-charts": "*",
-    "@syncfusion/ej2-diagrams": "*",
-    "@syncfusion/ej2-maps": "*",
-    "@syncfusion/ej2-treemap": "*",
     "@syncfusion/ej2-circulargauge": "*",
-    "@syncfusion/ej2-lineargauge": "*",
-    "@syncfusion/ej2-navigations": "*",
-    "@syncfusion/ej2-pdf-export": "*",
+    "@syncfusion/ej2-compression": "*",
+    "@syncfusion/ej2-data": "*",
+    "@syncfusion/ej2-diagrams": "*",
+    "@syncfusion/ej2-documenteditor": "*",
+    "@syncfusion/ej2-dropdowns": "*",
     "@syncfusion/ej2-excel-export": "*",
     "@syncfusion/ej2-file-utils": "*",
     "@syncfusion/ej2-filemanager": "*",
-    "@syncfusion/ej2-compression": "*",
-    "@syncfusion/ej2-documenteditor": "*",
-    "@syncfusion/ej2-richtexteditor": "*",
-    "@syncfusion/ej2-treegrid": "*",
-    "@syncfusion/ej2-pdfviewer": "*",
     "@syncfusion/ej2-gantt": "*",
+    "@syncfusion/ej2-grids": "*",
+    "@syncfusion/ej2-heatmap": "*",
+    "@syncfusion/ej2-inputs": "*",
     "@syncfusion/ej2-kanban": "*",
+    "@syncfusion/ej2-lineargauge": "*",
+    "@syncfusion/ej2-lists": "*",
+    "@syncfusion/ej2-maps": "*",
+    "@syncfusion/ej2-navigations": "*",
+    "@syncfusion/ej2-pdf-export": "*",
+    "@syncfusion/ej2-pdfviewer": "*",
+    "@syncfusion/ej2-popups": "*",
     "@syncfusion/ej2-progressbar": "*",
-    "@types/crossroads": "0.0.28",
-    "@types/signals": "0.0.16",
-    "@types/moment-timezone": "0.5.7",
-    "@types/hasher": "0.0.27",
-    "@microsoft/signalr": "5.0.9",
-    "fuse.js": "3.2.0",
-    "marked": "^0.3.19",
-    "codemirror": "^5.37.0",
-    "crossroads": "^0.12.2",
-    "@types/marked": "^0.3.0",
-    "@types/codemirror": "0.0.56",
-    "@types/es6-promise": "0.0.28",
-    "@types/node": "12.12.25",
-    "hasher": "^1.2.0",
-    "moment-timezone": "0.5.13",
-    "tributejs": "^3.7.3"
+    "@syncfusion/ej2-richtexteditor": "*",
+    "@syncfusion/ej2-schedule": "*",
+    "@syncfusion/ej2-splitbuttons": "*",
+    "@syncfusion/ej2-treegrid": "*",
+    "@syncfusion/ej2-treemap": "*",
+    "@types/codemirror": "5.60.10",
+    "@types/crossroads": "0.0.31",
+    "@types/es6-promise": "0.0.33",
+    "@types/hasher": "0.0.33",
+    "@types/marked": "5.0.1",
+    "@types/moment-timezone": "0.5.13",
+    "@types/node": "20.8.5",
+    "@types/signals": "1.0.2",
+    "codemirror": "5.65.15",
+    "crossroads": "0.12.2",
+    "fuse.js": "6.6.2",
+    "hasher": "1.2.0",
+    "marked": "5.1.2",
+    "moment-timezone": "0.5.43",
+    "tributejs": "5.1.3"
   },
   "devDependencies": {
-    "browser-sync": "2.11.2",
+    "@syncfusion/ej2-react-notifications": "*",
+    "aws-sdk": "2.1415.0",
+    "browser-sync": "2.29.3",
+    "cheerio": "^1.0.0-rc.12",
+    "css-loader": "^3.6.0",
+    "download-file": "^0.1.5",
     "elasticlunr": "0.9.5",
-    "es6-promise": "3.2.1",
-    "gulp": "^3.9.1",
-    "gulp-sass": "^3.1.0",
-    "gulp-typescript": "2.13.6",
-    "jasmine-ajax": "^3.2.0",
-    "jasmine-core": "^2.3.4",
-    "karma": "^1.7.0",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-generic-preprocessor": "^1.1.0",
-    "karma-htmlfile-reporter": "^0.3.5",
-    "karma-jasmine": "^1.1.0",
+    "emailjs": "^1.0.12",
+    "es6-promise": "4.2.8",
+    "ghooks": "^2.0.4",
+    "glob": "^7.2.3",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-gzip": "^1.4.2",
+    "gulp-jscpd": "0.0.8",
+    "gulp-jshint": "^2.1.0",
+    "gulp-jshint-xml-file-reporter": "^0.5.1",
+    "gulp-jsoncombine": "^1.0.4",
+    "gulp-print": "^5.0.2",
+    "gulp-protractor": "^4.1.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-s3-upload": "1.7.3",
+    "gulp-sass": "^5.1.0",
+    "gulp-sass-lint": "^1.4.0",
+    "gulp-tslint": "^8.1.4",
+    "gulp-typescript": "^5.0.1",
+    "gulp-uglify": "^3.0.2",
+    "gulp-webpack": "^1.5.0",
+    "gulp-zip": "^5.1.0",
+    "gulp4-run-sequence": "^1.0.2",
+    "htmllint": "^0.8.0",
+    "jasmine-ajax": "^4.0.0",
+    "jasmine-core": "^5.0.1",
+    "jshint": "^2.13.6",
+    "karma": "^6.4.2",
+    "karma-chrome-launcher": "^3.2.0",
+    "karma-coverage": "^2.2.1",
+    "karma-firefox-launcher": "^2.1.2",
+    "karma-generic-preprocessor": "^1.1.1",
+    "karma-htmlfile-reporter": "^0.3.8",
+    "karma-jasmine": "^5.1.0",
     "karma-jasmine-ajax": "^0.1.13",
     "karma-requirejs": "^1.1.0",
-    "markdown-it": "^8.4.0",
-    "requirejs": "^2.3.3",
-    "@types/chai": "^3.4.28",
-    "@types/highlight.js": "^9.1.7",
-    "@types/jasmine": "2.8.9",
-    "@types/jasmine-ajax": "^3.1.27",
-    "@types/requirejs": "^2.1.26",
-    "run-sequence": "^1.2.2",
-    "typescript": "2.8.4",
-    "webpack": "^4.43.0",
-    "gulp-jsoncombine": "^1.0.4",
-    "webpack-cli": "^3.3.12",
-    "webpack-stream": "^5.0.0",
-    "shelljs": "*"
+    "markdown-it": "^13.0.1",
+    "node-fetch": "^2.6.7",
+    "pretty": "1.0.0",
+    "require-dir": "^1.2.0",
+    "requirejs": "^2.3.6",
+    "rimraf": "^5.0.1",
+    "sass": "^1.63.6",
+    "shelljs": "^0.8.5",
+    "simple-git": "^3.19.1",
+    "ts-loader": "^5.2.0",
+    "tslint": "^5.20.1",
+    "tslint-microsoft-contrib": "^4.0.0",
+    "typescript": "~4.5.5",
+    "typo-js": "^1.2.3",
+    "uglifyjs-webpack-plugin": "*",
+    "vue": "^3.3.4",
+    "webpack": "^4.41.5",
+    "webpack-cli": "^4.1.0",
+    "webpack-stream": "^6.0.0"
   },
   "scripts": {
     "build": "gulp build",

package.json

@@ -242,6 +242,20 @@
             "tooltip-template": "Tooltip Template"
         }
     },
+    "three-dimension-chart": {
+        "ControlName": "3D Chart",
+        "Samples": {
+          "column": "Column",
+	  "back-to-back-column": "Back to Back Column",
+	  "cylinder": "Cylinder",
+	  "bar": "Bar",
+	  "stacked-column": "Stacking Column with grouping",
+	  "stacked-column-100": "100% Stacked Column",
+	  "stacked-bar": "Stacked Bar",
+	  "staked-bar-100": "100% Stacked Bar",
+	  "empty-point": "Column With null and 0 values"
+        }
+    },
     "chips": {
         "ControlName": "Chips",
         "Samples": {
@@ -882,8 +896,7 @@
             "double": "Numeric Axis",
             "logarithmic": "Logarithmic Axis",
             "multilevel": "Multilevel Labels",
-            "period-selector": "Default",
-            "period-selector-stocks": "Stock Chart",
+            "period-selector": "Period Selector",
             "empty-data": "Empty Points",
             "filter": "Filter",
             "export": "Print and Export",
@@ -1096,6 +1109,16 @@
             "modal": "Modal"
         }
     },
+    "stepper": {
+	"ControlName" : "Stepper",
+	"Samples": {
+	    "default":"Default Functionalities",
+            "orientation": "Orientation",
+            "validation": "Validation",
+            "linear": "Linear Flow",
+	    "template": "Template and Customization"
+	}
+    },
     "stock-chart": {
         "ControlName": "Stock Chart",
         "Samples": {

sampleOrder.json

@@ -28,7 +28,6 @@ CircularGauge.Inject(Annotations, GaugeTooltip, Legend);
         },
         tooltip: {
             enable: true,
-            showAtMousePosition:true,
             template:
                 '<div style="font-size:18px;background:white;width:180px;color:#595959;border:1px solid #e8e8e8">Current Score: ${value} </div>',
         },

src/arc-gauge/customer-satisfaction-score.ts

@@ -3,7 +3,7 @@ import { loadCultureFiles } from '../common/culture-loader';
  * AutoComplete Custom Filtering Sample
  */
 import { AutoComplete, FilteringEventArgs } from '@syncfusion/ej2-dropdowns';
-import * as Fuse from 'fuse.js';
+import Fuse from 'fuse.js';
 import * as booksData from './dataSource.json';
 
 (window as any).default = (): void => {
@@ -24,7 +24,7 @@ import * as booksData from './dataSource.json';
                 findAllMatches: true
             };
             // create object from Fuse constructor
-            let fuse: Fuse = new Fuse((booksData as any).booksData, options);
+            let fuse: Fuse <any>= new Fuse((booksData as any).booksData, options);
             // store the search result data based on typed characters
             let result: any = fuse.search(e.text);
             // declare  object array for storing filtering results
@@ -59,4 +59,4 @@ import * as booksData from './dataSource.json';
             }
         }
     }
-};
+};

src/auto-complete/custom-filtering.ts

@@ -2,14 +2,14 @@
     "name": "AutoComplete",
     "directory": "auto-complete",
     "category": "Dropdowns",
-    "type": "update",
     "ftName": "autocomplete",
+    "type": "update",
     "samples": [
         { "url": "default", "name": "Default Functionalities", "description": "This example demonstrates the default functionalities of the JavaScript autocomplete control with minimum configuration.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "value", "placeholder"] } },
         { "url": "grouping-icon", "name": "Grouping and Icons", "description": "This example demonstrates how to group based on the different categories with individual header and icon support using the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["fields", "placeholder"] } },
         { "url": "data-binding", "name": "Data Binding", "description": "This example demonstrates how to bind with local data source and fetch data from remote data service in the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "suggestionCount", "query", "sortOrder", "autofill", "filterType", "change"] } },
         { "url": "template", "name": "Template", "description": "This example demonstrates how to customize the appearance of each item in the JavaScript autocomplete control pop-up list using template.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "fields", "headerTemplate", "itemTemplate", "placeholder", "popupHeight"] } },
-        { "url": "virtual-scroll", "name": "Virtualization", "type": "new", "description": "This example demonstrates how to use virtualization support of the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "fields", "enableVirtualization", "placeholder"] } },
+        { "url": "virtual-scroll", "name": "Virtualization",  "type": "update", "description": "This example demonstrates how to use virtualization support of the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "fields", "enableVirtualization", "placeholder"] } },
         { "url": "highlight", "name": "Highlight", "description": "This example demonstrates how to highlight the searched characters in the suggested list items of the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "fields", "highlight", "placeholder"] } },
         { "url": "custom-filtering", "name": "Custom Filtering", "description": "This example demonstrates how to achieve the custom filtering functionalities in the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "filtering", "fields", "placeholder"] } },
         { "url": "diacritics-filtering", "name": "Diacritics Filtering", "description": "This example demonstrates how to achieve the diacritics filter functionalities in the JavaScript autocomplete control.", "category": "AutoComplete", "api": { "AutoComplete": ["dataSource", "ignoreAccent", "placeholder"] } }

src/auto-complete/sample.json

@@ -1,7 +1,20 @@
-<div class="col-lg-12 control-section">
-    <div class="control-wrapper">
-        <div style='padding-top:70px;'>
-            <input type="text" id="data" tabindex="1" />
+<div class="control-section col-lg-12">
+    <div id='local-data' class='col-lg-6' style='padding-top:15px'>
+        <div class='content'>
+            <h4>Local Data</h4>
+            <input type="text" id="local" tabindex="1" />
+        </div>
+    </div>
+    <div id='remote-data' class='col-lg-6' style='padding-top:15px'>
+        <div class='content'>
+            <h4>Remote Data</h4>
+            <input type="text" id="remote" tabindex="1" />
+        </div>
+    </div>
+    <div id='group-data' class='col-lg-6' style='padding-top:15px'>
+        <div class='content'>
+            <h4>Grouping</h4>
+            <input type="text" id="group" tabindex="1" />
         </div>
     </div>
 </div>
@@ -18,9 +31,9 @@
 </div>
 <!-- custom code start -->
 <style>
-    .control-wrapper {
-        margin: 0 auto;
-        width: 250px;
+     .content {
+        margin: 0 auto; 
+        width: 320px;
     }
 </style>
 <!-- custom code end-->