v26.1.35 is released

Author: pipeline

config.json

@@ -178,7 +178,6 @@
 		"signature",
 		"multiline-textbox",
 		null,
-		"textarea",
-		null
+		"textarea"
 	]
 }

index.html

@@ -26,7 +26,7 @@
     <link href="src/common/lib/highlightjs/styles/default.css" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"></link>
     <!-- Theme Reference -->
-    <link id="themelink" href="styles/material.css" rel="stylesheet" />
+    <link id="themelink" href="styles/fluent2.css" rel="stylesheet" />
     <link href="styles/index.css" rel="stylesheet" />
     <link href="src/common/lib/content/codemirror.css" rel="stylesheet"></link>
     <script src="src/skipChunk.js" type="text/javascript"></script>
@@ -116,7 +116,7 @@
                 <div class='sb-header-item sb-table-cell'>
                     <div id='sb-header-text' class='e-sb-header-text'>
                         <span class='sb-header-text-left'>Essential Studio for</span>
-                        <span class='sb-header-text-right'  role="button" tabindex="0">JavaScript</span>
+                        <span class='sb-header-text-right' role="button" tabindex="0">JavaScript</span>
                     </div>
                 </div>
                 <div class='sb-header-item sb-table-cell sb-lang-toggler-wrapper'>
@@ -140,6 +140,24 @@
                         </div>
                     </div>
                 </div>
+                <div class="sb-header-item sb-table-cell" id="sb-dark-theme">
+                    <div class="sb-switch-btn" role="button" data-theme="dark" id="buttoncolor">
+                        <svg xmlns="http://www.w3.org/2000/svg" style="display: none;" id="dark-icon"
+                            width="16" height="14" fill="currentColor" class="bi bi-moon" viewBox="0 0 16 16">
+                            <path
+                                d="M6 .278a.77.77 0 0 1 .08.858 7.2 7.2 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277q.792-.001 1.533-.16a.79.79 0 0 1 .81.316.73.73 0 0 1-.031.893A8.35 8.35 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.75.75 0 0 1 6 .278M4.858 1.311A7.27 7.27 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.32 7.32 0 0 0 5.205-2.162q-.506.063-1.029.063c-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286" />
+                        </svg>
+                        <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"
+                            id="light-icon" width="16" height="14" fill="currentColor" class="bi bi-sun"
+                            viewBox="0 0 16 16">
+                            <path
+                                d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708" />
+                        </svg>
+                        <span id="sb-dark-span"></span>
+                    </div>
+                </div>
+
+                <div class="sb-table-cell sb-theme-splitter sb-download-splitter"></div>
                 <div class='sb-header-item sb-table-cell sb-search-wrapper'>
                     <div class='sb-search-btn' id='sb-trigger-search' role="button" tabindex="0" aria-label="toggle sample search" title="Toggle sample search">
                         <span class='sb-settings sb-icons sb-icon-Search' role="presentation" aria-label="Search sample"></span>
@@ -199,70 +217,30 @@
             </div>
             <div id='theme-switcher-popup' class='sb-theme-popup'>
                 <ul id="themelist" class="options" role="list">
-                    <li class="e-list" id="fluent" role="listitem">
+                    <li class='active' id="material3" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
-                        <span class="switch-text">Fluent</span>
-                    </li>
-                    <li class="e-list" id="fluent-dark" role="listitem">
-                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
-                        <span class="switch-text">Fluent Dark</span>
+                        <span class="switch-text">Material 3</span>
                     </li>
                     <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>
+                        <span class="switch-text">Bootstrap 5</span>
                     </li>
-                    <li class="e-list" id="bootstrap5-dark" role="listitem">
+                    <li class="e-list" id="fluent2" role="listitem">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
-                        <span class="switch-text">Bootstrap v5 Dark</span>
+                        <span class="switch-text">Fluent 2</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='e-list' 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 class='active' id="material3" role="listitem">
-                            <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
-                            <span class="switch-text">Material 3</span>
-                      </li>
-                     <li class="e-list" id="material3-dark" role="listitem">
-                            <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
-                            <span class="switch-text">Material 3 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="fabric-dark">
-                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></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="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="highcontrast">
                         <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
                         <span class="switch-text">High Contrast</span>
                     </li>
+                    <li class="e-list" id="fluent" role="listitem">
+                        <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
+                        <span class="switch-text">Fluent</span>
+                    </li>
                 </ul>
                  <div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material" aria-label="Go to Theme Studio">Go to Theme Studio</a></div>
             </div>
@@ -279,22 +257,29 @@
                         </div>
                         <div class='setting-content  setting-theme-change'>
                             <select id='sb-setting-theme' class='sb-setting-theme-select'>
-                                <option value="fluent">Fluent</option>
-                                <option value="fluent-dark">Fluent Dark</option>
-                                <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="material3">Material 3</option>
-                                <option value="material3-dark">Material 3 Dark</option>
-                                <option value="fabric">Fabric</option>
-                                <option value="fabric-dark">Fabric Dark</option>
-                                <option value="bootstrap4">Bootstrap v4</option>
-                                <option value="bootstrap">Bootstrap</option>
-                                <option value="bootstrap-dark">Bootstrap Dark</option>
+                                <option value="bootstrap5">Bootstrap 5</option>
+                                <option value="fluent2">Fluent 2</option>
+                                <option value="tailwind">Tailwind CSS</option>
                                 <option value="highcontrast">High Contrast</option>
+                                <option value="fluent">Fluent</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class='sb-setting-item sb-setting-theme-section' id="mobiledarkswitch">
+                        <div class='setting-label'>
+                            <div> <svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 5px;" id="light-icon"
+                                    width="16" height="14" fill="currentColor" class="bi bi-sun" viewBox="0 0 16 16">
+                                    <path
+                                        d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0m9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708" />
+                                </svg></div>
+                            <div class='sb-setting-text'>Theme Mode</div>
+                        </div>
+                        <div class='setting-content  setting-theme-change'>
+                            <select id='sb-theme-mode' class='sb-setting-theme-select'>
+                                <option value="lightMode">Light mode</option>
+                                <option value="darkMode">Dark mode</option>
+
                             </select>
                         </div>
                     </div>
@@ -422,25 +407,25 @@ <h1 class='sb-sample-text' aria-level="1" role="heading">Data Grid</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>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-samples",
-  "version": "25.1.35",
+  "version": "26.1.35",
   "description": "Samples for Syncfusion Essential JS 2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

sampleOrder.json

@@ -799,6 +799,20 @@
 	    "template": "Template"
         }
     },
+    "multicolumn-combobox": {
+        "ControlName": "MultiColumn Combobox",
+        "Samples": {
+            "default": "Default Functionalities",
+            "remote-databinding": "Remote Data",
+            "grouping": "Grouping",
+            "filtering": "Filtering",
+            "virtualization": "Virtualization",
+            "sorting": "Sorting",
+            "rtl": "RTL",
+            "keyboard-navigation":"Keyboard Navigation",
+            "template": "Template"
+        }
+    },
     "multi-select": {
         "ControlName": "MultiSelect Dropdown",
         "Samples": {
@@ -825,6 +839,13 @@
             "restrict-decimals": "Restrict Decimals"
         }
     },
+    "otp-input": {
+        "ControlName": "OTP Input",
+        "Samples": {
+            "default": "Default Functionalities",
+            "api": "API"
+        }
+    },
     "pdfviewer": {
         "ControlName": "PDF Viewer",
         "Samples": {

src/accordion/default.html

@@ -14,7 +14,7 @@
     available space. This sample illustrates the simple Accordion rendering with <code>multiple</code> expand mode.
     </p>
     <p>
-    More information about Accordion can be found in this <a target="_blank" 
+    More information about Accordion can be found in this <a aria-label="Accordion getting started" target="_blank" 
     href="https://ej2.syncfusion.com/documentation/accordion/getting-started/">
 documentation</a> section. 
     </p>

src/accordion/fetch.html

@@ -90,7 +90,7 @@
         </table>
     </div>
     <div id='source_link'>Source: &nbsp;
-        <a href="https://www.apple.com/iphone-x/specs/" target='_blank'>www.apple.com/iphone-x/specs/</a>
+        <a aria-label="Apple iphones" href="https://www.apple.com/iphone-x/specs/" target='_blank'>www.apple.com/iphone-x/specs/</a>
    </div>
 </div>
 <div id="action-description">