smart-webcomponents-react 14.2.39 → 14.2.92

package/datetimepicker/datetimepicker.umd.js

@@ -797,7 +797,7 @@ require('../source/modules/smart.datetimepicker');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dialogwindow/dialogwindow.esm.js

@@ -1145,7 +1145,7 @@ class DialogWindow extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dialogwindow/dialogwindow.umd.js

@@ -1145,7 +1145,7 @@ require('../source/modules/smart.window');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dockinglayout/dockinglayout.esm.js

@@ -796,7 +796,7 @@ class DockingLayout extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dockinglayout/dockinglayout.umd.js

@@ -796,7 +796,7 @@ require('../source/modules/smart.dockinglayout');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dropdownbutton/dropdownbutton.esm.js

@@ -508,7 +508,7 @@ class DropDownButton extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dropdownbutton/dropdownbutton.umd.js

@@ -508,7 +508,7 @@ require('../source/modules/smart.button');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dropdownlist/dropdownlist.esm.js

@@ -202,7 +202,7 @@ class ListItem extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -325,7 +325,7 @@ class ListItemsGroup extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -1276,7 +1276,7 @@ class DropDownList extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/dropdownlist/dropdownlist.umd.js

@@ -202,7 +202,7 @@ require('../source/modules/smart.dropdownlist');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -325,7 +325,7 @@ require('../source/modules/smart.dropdownlist');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -1276,7 +1276,7 @@ require('../source/modules/smart.dropdownlist');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/editor/editor.esm.js

@@ -942,7 +942,7 @@ class Editor extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/editor/editor.umd.js

@@ -942,7 +942,7 @@ require('../source/modules/smart.editor');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/element/element.esm.js

@@ -260,7 +260,7 @@ class Element extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/element/element.umd.js

@@ -260,7 +260,7 @@ require('../source/modules/smart.element');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/fileupload/fileupload.esm.js

@@ -407,7 +407,7 @@ class FileUpload extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/fileupload/fileupload.umd.js

@@ -407,7 +407,7 @@ require('../source/modules/smart.fileupload');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/filterbuilder/filterbuilder.esm.js

@@ -434,7 +434,7 @@ class FilterBuilder extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/filterbuilder/filterbuilder.umd.js

@@ -434,7 +434,7 @@ require('../source/modules/smart.filterbuilder');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/filterpanel/filterpanel.esm.js

@@ -325,7 +325,7 @@ class FilterPanel extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/filterpanel/filterpanel.umd.js

@@ -325,7 +325,7 @@ require('../source/modules/smart.filterpanel');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/form/form.esm.js

@@ -400,7 +400,7 @@ class FormControl extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -669,7 +669,7 @@ class FormGroup extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -997,7 +997,7 @@ class Form extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/form/form.umd.js

@@ -400,7 +400,7 @@ require('../source/modules/smart.form');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -669,7 +669,7 @@ require('../source/modules/smart.form');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -997,7 +997,7 @@ require('../source/modules/smart.form');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/ganttchart/ganttchart.esm.js

@@ -1827,7 +1827,7 @@ class GanttChart extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/ganttchart/ganttchart.umd.js

@@ -1827,7 +1827,7 @@ require('../source/modules/smart.ganttchart');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/gauge/gauge.esm.js

@@ -645,7 +645,7 @@ class Gauge extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/gauge/gauge.umd.js

@@ -645,7 +645,7 @@ require('../source/modules/smart.gauge');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/grid/grid.esm.js

@@ -2407,7 +2407,7 @@ class Grid extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/grid/grid.umd.js

@@ -2407,7 +2407,7 @@ require('../source/modules/smart.grid');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/grouppanel/grouppanel.esm.js

@@ -177,7 +177,7 @@ class GroupPanel extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/grouppanel/grouppanel.umd.js

@@ -177,7 +177,7 @@ require('../source/modules/smart.gridpanel');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/index.d.ts

@@ -15722,6 +15722,11 @@ export interface GridColumnMenuDataSource {
    * Default value: [object Object]
    */
   columnMenuItemSortDesc?: GridCommand;
+  /**
+   * Describes the settings of the column menu item to add sorting.
+   * Default value: [object Object]
+   */
+  columnMenuItemSort?: GridCommand;
   /**
    * Describes the settings of the column menu item remove sort.
    * Default value: [object Object]
@@ -24265,6 +24270,13 @@ export interface QueryBuilder extends BaseElement, QueryBuilderProperties {
    *  value - The value of the selected property.
    */
   onPropertySelected?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * This event is triggered when the component validates the input values. This happens when you input a new value and focus another component.
+	* @param event. The custom event. Custom data event was created with: ev.detail(oldValue, newValue)
+   *  oldValue - Old validation status.
+   *  newValue - New validation status.
+   */
+  onValidationChange?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
   /**
    * Converts the current value of the element to DynamicLINQ expression.
    * @returns {string}

package/input/input.esm.js

@@ -486,7 +486,7 @@ class Input extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/input/input.umd.js

@@ -486,7 +486,7 @@ require('../source/modules/smart.input');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/kanban/kanban.esm.js

@@ -1355,7 +1355,7 @@ class Kanban extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/kanban/kanban.umd.js

@@ -1355,7 +1355,7 @@ require('../source/modules/smart.kanban');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/layout/layout.esm.js

@@ -122,7 +122,7 @@ class LayoutItem extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -311,7 +311,7 @@ class LayoutGroup extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -501,7 +501,7 @@ class TabLayoutItem extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -701,7 +701,7 @@ class TabLayoutGroup extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -1009,7 +1009,7 @@ class Layout extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/layout/layout.umd.js

@@ -122,7 +122,7 @@ require('../source/modules/smart.layout');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -311,7 +311,7 @@ require('../source/modules/smart.layout');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -501,7 +501,7 @@ require('../source/modules/smart.layout');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -701,7 +701,7 @@ require('../source/modules/smart.layout');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -1009,7 +1009,7 @@ require('../source/modules/smart.layout');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/led/led.esm.js

@@ -287,7 +287,7 @@ class Led extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/led/led.umd.js

@@ -287,7 +287,7 @@ require('../source/modules/smart.led');
 	            that.nativeElement = this.componentRef.current;
 	        }
 	        for (let prop in props) {
-	            if (prop === 'class') {
+	            if (prop === 'class' || prop === 'className') {
 	                const classNames = props[prop].trim().split(' ');
 	                for (let className in classNames) {
 	                    if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/listbox/listbox.esm.js

@@ -202,7 +202,7 @@ class ListItem extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -325,7 +325,7 @@ class ListItemsGroup extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -1181,7 +1181,7 @@ class ListBox extends React.Component {
             that.nativeElement = this.componentRef.current;
         }
         for (let prop in props) {
-            if (prop === 'class') {
+            if (prop === 'class' || prop === 'className') {
                 const classNames = props[prop].trim().split(' ');
                 for (let className in classNames) {
                     if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {

package/listbox/listbox.umd.js

@@ -202,7 +202,7 @@ require('../source/modules/smart.listbox');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -325,7 +325,7 @@ require('../source/modules/smart.listbox');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {
@@ -1181,7 +1181,7 @@ require('../source/modules/smart.listbox');
                 that.nativeElement = this.componentRef.current;
             }
             for (let prop in props) {
-                if (prop === 'class') {
+                if (prop === 'class' || prop === 'className') {
                     const classNames = props[prop].trim().split(' ');
                     for (let className in classNames) {
                         if (!that.nativeElement.classList.contains(classNames[className]) && classNames[className] !== "") {