v19.3.43 is released

syncfusion · Sep 30, 2021 · 7e9652f · 7e9652f
1 parent 9d96577
commit 7e9652f
Show file tree

Hide file tree

Showing 806 changed files with 23,005 additions and 7,342 deletions.
diff --git a/config.json b/config.json
@@ -144,7 +144,9 @@
 		"validation",
 		"editing",
 		"progressbar",
-		"adaptive-ui",
-		null
+		"multiline",
+		"sys",
+		"realtime",
+		"binding"
 	]
 }
diff --git a/debug.log b/debug.log
diff --git a/gulpfile.js b/gulpfile.js
@@ -124,10 +124,6 @@ function combineSampleList(platform, done) {
 
         }))
         .pipe(gulp.dest(sampleListPath))
-        .on('error', function (e) {
-            done(e);
-            process.exit(1);
-        });
 }
 
 function getSamples(data, component) {

diff --git a/index.html b/index.html
@@ -192,35 +192,56 @@
             </div>
             <div id='theme-switcher-popup' class='sb-theme-popup'>
                 <ul id="themelist" class="options" role="list">
+                    <li class="e-list" id="bootstrap5" role="listitem">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Bootstrap v5</span>
+                    </li>
+                    <li class="e-list" id="bootstrap5-dark" role="listitem">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Bootstrap v5 Dark</span>
+                    </li>
+                    <li class="e-list" id="tailwind">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Tailwind CSS</span>
+                    </li>
+                    <li class="e-list" id="tailwind-dark">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Tailwind CSS Dark</span>
+                    </li>
                     <li class='active' id="material" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Material</span>
                     </li>
+                    <li class="e-list" id="material-dark">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Material Dark</span>
+                    </li>
                     <li id="fabric" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Fabric</span>
                     </li>
-                    <li class="e-list" id="bootstrap" role="listitem">
+                    <li class="e-list" id="fabric-dark">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
-                        <span class="switch-text">Bootstrap</span>
+                        <span class="switch-text">Fabric Dark</span>
                     </li>
                     <li class="e-list" id="bootstrap4" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">Bootstrap v4</span>
                     </li>
-					<li class="e-list" id="tailwind">
-                           <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
-                           <span class="switch-text">Tailwind</span>
+                    <li class="e-list" id="bootstrap" role="listitem">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Bootstrap</span>
+                    </li>
+                    <li class="e-list" id="bootstrap-dark">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Bootstrap Dark</span>
                     </li>
-                    <!--<li class="e-list" id="tailwind-dark">-->
-                    <!--       <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>-->
-                    <!--       <span class="switch-text">Tailwind Dark</span>-->
-                    <!--</li>-->
                     <li class="e-list" id="highcontrast">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">High Contrast</span>
                     </li>
                 </ul>
+                 <div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material">Go to Theme Studio</a></div>
             </div>
             <div id='settings-popup' class='sb-setting-popup'>
                 <div class='sb-setting-header'>
@@ -235,12 +256,17 @@
                         </div>
                         <div class='setting-content  setting-theme-change'>
                             <select id='sb-setting-theme' class='sb-setting-theme-select'>
+                                <option value="bootstrap5">Bootstrap v5</option>
+                                <option value="bootstrap5-dark">Bootstrap v5 Dark</option>
+                                <option value="tailwind">Tailwind CSS</option>
+                                <option value="tailwind-dark">Tailwind CSS Dark</option>
                                 <option value="material">Material</option>
+                                <option value="material-dark">Material Dark</option>
                                 <option value="fabric">Fabric</option>
-                                <option value="bootstrap">Bootstrap</option>
+                                <option value="fabric-dark">Fabric Dark</option>
                                 <option value="bootstrap4">Bootstrap v4</option>
-                                <!--<option value="tailwind-dark">Tailwind Dark</option>-->
-                                <option value="tailwind">Tailwind</option>
+                                <option value="bootstrap">Bootstrap</option>
+                                <option value="bootstrap-dark">Bootstrap Dark</option>
                                 <option value="highcontrast">High Contrast</option>
                             </select>
                         </div>
@@ -465,7 +491,7 @@ <h1 class='sb-sample-text'>Chart</h1>
         </div>
     </div>
 
-    </div>
+    <!--</div>-->
 
 
     <script src="src/common/index.min.js" type="text/javascript"></script>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-samples",
-  "version": "19.2.44",
+  "version": "19.3.43",
   "description": "Samples for Syncfusion Essential JS 2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -42,6 +42,7 @@
     "@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",
@@ -79,7 +80,9 @@
     "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": "*"
   },
   "scripts": {

diff --git a/sampleOrder.json b/sampleOrder.json
@@ -60,6 +60,16 @@
             "datamatrix": "Data Matrix"
         }
     },
+    "breadcrumb" : {
+        "ControlName" : "Breadcrumb",
+        "Samples" : {
+           "default": "Default Functionalities",
+           "template":"Template",
+           "navigation":"Navigation",
+           "keyboard-navigation":"Keyboard Navigation",
+           "address-bar":"Address Bar"
+        }
+    },
     "bullet-chart" : {
         "ControlName" : "Bullet Chart",
         "Samples" : {

diff --git a/spec/samplebrowser.spec.ts b/spec/samplebrowser.spec.ts
@@ -2,70 +2,71 @@
  * sample browser Spec
  */
  /* tslint:disable */ 
-import { Ajax } from '@syncfusion/ej2-base';
-import '../node_modules/es6-promise/dist/es6-promise';
-import { samplesList } from '../src/common/sampleList';
-
-interface MyWindow extends Window {
-    customError: any;
-    onerror: any;
-    navigateSample: any;
-    console: any;
-}
-
-declare let window: MyWindow;
-
-
-describe('sample browser', (): void => {
-
-    jasmine.DEFAULT_TIMEOUT_INTERVAL = 30000;
-
-    let samples: any = samplesList;
-    beforeAll((done: Function) => {
-        let ajax: Ajax = new Ajax('../base/index.html', 'GET', true);
-        ajax.send().then((value: Object): void => {
-            document.body.innerHTML = document.body.innerHTML + value.toString();
-            require(
-                ['../src/common/index.min'],
-                (): void => {
-                    done();
-                });
-        });
-    });
-    describe('testing -', () => {
-
-        beforeEach(() => {
-            window.customError = (): boolean => {
-                return false;
-            };
-            window.onerror = (message: any, file: any, line: any, column: any, errorObj: any): boolean => {
-                window.console.log(message);
-                window.console.log('at   ' + file + '   line: ' + line + '   column: ' + column);
-                return false;
-            };
-            spyOn(window, 'customError');
-            window.addEventListener('error', window.customError);
-        });
-
-        afterEach(() => {
-            window.customError.calls.reset();
-        });
-
-        for (let control of samples) {
-            if (control.category !== 'ShowCase' && control.name !== 'Stock Chart') {
-                control.samples.forEach((element: any, index: number) => {
-                    it(' ', (done: Function) => {
-                        window.navigateSample = (): void => {
-                            expect(window.customError).not.toHaveBeenCalled();
-                            done();
-                        };
-                        window.location.href = '#/material/' + control.directory + '/' + element.url + '.html';
-                        window.console.log(window.location.href);
-                    });
-
-                });
-
-            }
-        }
-    });
-});
+ import { Ajax } from '@syncfusion/ej2-base';
+ import '../node_modules/es6-promise/dist/es6-promise';
+ import { samplesList } from '../src/common/sampleList';
+
+ interface MyWindow extends Window {
+     customError: any;
+     onerror: any;
+     navigateSample: any;
+     console: any;
+ }
+
+ declare let window: MyWindow;
+ declare let require: any;
+
+ describe('sample browser', (): void => {
+
+     jasmine.DEFAULT_TIMEOUT_INTERVAL = 30000;
+
+     let samples: any = samplesList;
+     beforeAll((done: Function) => {
+         let ajax: Ajax = new Ajax('../base/index.html', 'GET', true);
+         ajax.send().then((value: Object): void => {
+             document.body.innerHTML = document.body.innerHTML + value.toString();
+             require(
+                 ['../src/common/index.min'],
+                 (): void => {
+                     done();
+                 });
+         });
+     });
+     describe('testing -', () => {
+
+         beforeEach(() => {
+             window.customError = (): boolean => {
+                 return false;
+             };
+             window.onerror = (message: any, file: any, line: any, column: any, errorObj: any): boolean => {
+                 window.console.log(message);
+                 window.console.log('at   ' + file + '   line: ' + line + '   column: ' + column);
+                 return false;
+             };
+             spyOn(window, 'customError');
+             window.addEventListener('error', window.customError);
+         });
+
+         afterEach(() => {
+             window.customError.calls.reset();
+         });
+
+         for (let control of samples) {
+             if (control.category !== 'ShowCase' && control.name !== 'Stock Chart') {
+                 control.samples.forEach((element: any, index: number) => {
+                     it(' ', (done: Function) => {
+                         window.navigateSample = (): void => {
+                             expect(window.customError).not.toHaveBeenCalled();
+                             done();
+                         };
+                         window.location.href = '#/material/' + control.directory + '/' + element.url + '.html';
+                         window.console.log(window.location.href);
+                     });
+
+                 });
+
+             }
+         }
+     });
+ });
+
diff --git a/src/accordion/ajax-content.html b/src/accordion/ajax-content.html
@@ -30,7 +30,7 @@
     .e-accordion table {
         border-collapse: collapse;
         border-spacing: 0;
-        width: 100%;
+        width: 95%;
     }
 
     .e-accordion table th,

diff --git a/src/accordion/ajax-stack.json b/src/accordion/ajax-stack.json
diff --git a/src/accordion/ajax.html b/src/accordion/ajax.html
@@ -44,9 +44,7 @@
     <div id='Video_Rec_features' style="display:none">
         <table>
             <tr>
-                <th class='e-bold' rowspan='9'>Video Recording</th>
-            </tr>
-            <tr>
+                <th class='e-bold' rowspan='6'>Video Recording</th>
                 <td class='e-bold'>4K video recording</td>
             </tr>
             <tr>