smart-webcomponents-react 14.2.39 → 14.2.83

package/source/typescript/smart.elements.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/source/typescript/smart.grid.d.ts

@@ -2014,6 +2014,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]

package/source/typescript/smart.querybuilder.d.ts

@@ -235,6 +235,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/splitter/splitter.esm.js

@@ -207,7 +207,7 @@ class SplitterItem 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] !== "") {
@@ -367,7 +367,7 @@ class SplitterBar 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] !== "") {
@@ -892,7 +892,7 @@ class Splitter 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/splitter/splitter.umd.js

@@ -207,7 +207,7 @@ require('../source/modules/smart.splitter');
                 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] !== "") {
@@ -367,7 +367,7 @@ require('../source/modules/smart.splitter');
                 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] !== "") {
@@ -892,7 +892,7 @@ require('../source/modules/smart.splitter');
                 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/switchbutton/switchbutton.esm.js

@@ -276,7 +276,7 @@ class SwitchButton 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/switchbutton/switchbutton.umd.js

@@ -276,7 +276,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/table/table.esm.js

@@ -1309,7 +1309,7 @@ class Table 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/table/table.umd.js

@@ -1309,7 +1309,7 @@ require('../source/modules/smart.table');
                 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/tabs/tabs.esm.js

@@ -147,7 +147,7 @@ class TabItem 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] !== "") {
@@ -281,7 +281,7 @@ class TabItemsGroup 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] !== "") {
@@ -876,7 +876,7 @@ class Tabs 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/tabs/tabs.umd.js

@@ -147,7 +147,7 @@ require('../source/modules/smart.tabs');
                 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] !== "") {
@@ -281,7 +281,7 @@ require('../source/modules/smart.tabs');
                 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] !== "") {
@@ -876,7 +876,7 @@ require('../source/modules/smart.tabs');
                 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/tabswindow/tabswindow.esm.js

@@ -1145,7 +1145,7 @@ class TabsWindow 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/tabswindow/tabswindow.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/tank/tank.esm.js

@@ -579,7 +579,7 @@ class Tank 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/tank/tank.umd.js

@@ -579,7 +579,7 @@ require('../source/modules/smart.tank');
                 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/textarea/textarea.esm.js

@@ -390,7 +390,7 @@ class TextArea 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/textarea/textarea.umd.js

@@ -390,7 +390,7 @@ require('../source/modules/smart.textarea');
 	            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/textbox/textbox.esm.js

@@ -177,7 +177,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] !== "") {
@@ -300,7 +300,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] !== "") {
@@ -1020,7 +1020,7 @@ class TextBox 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/textbox/textbox.umd.js

@@ -177,7 +177,7 @@ require('../source/modules/smart.textbox');
 	            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] !== "") {
@@ -300,7 +300,7 @@ require('../source/modules/smart.textbox');
 	            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] !== "") {
@@ -1020,7 +1020,7 @@ require('../source/modules/smart.textbox');
 	            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/timeinput/timeinput.esm.js

@@ -327,7 +327,7 @@ class TimeInput 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/timeinput/timeinput.umd.js

@@ -327,7 +327,7 @@ require('../source/modules/smart.timeinput');
 	            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/timepicker/timepicker.esm.js

@@ -280,7 +280,7 @@ class TimePicker 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/timepicker/timepicker.umd.js

@@ -280,7 +280,7 @@ require('../source/modules/smart.timepicker');
 	            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/toast/toast.esm.js

@@ -368,7 +368,7 @@ class Toast 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/toast/toast.umd.js

@@ -368,7 +368,7 @@ require('../source/modules/smart.toast');
                 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/tooltip/tooltip.esm.js

@@ -302,7 +302,7 @@ class Tooltip 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/tooltip/tooltip.umd.js

@@ -302,7 +302,7 @@ require('../source/modules/smart.tooltip');
 	            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/tree/tree.esm.js

@@ -169,7 +169,7 @@ class TreeItem 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] !== "") {
@@ -369,7 +369,7 @@ class TreeItemsGroup 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] !== "") {
@@ -1311,7 +1311,7 @@ class Tree 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/tree/tree.umd.js

@@ -169,7 +169,7 @@ require('../source/modules/smart.tree');
                 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] !== "") {
@@ -369,7 +369,7 @@ require('../source/modules/smart.tree');
                 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] !== "") {
@@ -1311,7 +1311,7 @@ require('../source/modules/smart.tree');
                 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/validator/validator.esm.js

@@ -103,7 +103,7 @@ class Validator 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/validator/validator.umd.js

@@ -103,7 +103,7 @@ require('../source/modules/smart.validator');
 	            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/waitwindow/waitwindow.esm.js

@@ -1145,7 +1145,7 @@ class WaitWindow 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/waitwindow/waitwindow.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/window/window.esm.js

@@ -1145,7 +1145,7 @@ class Window 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/window/window.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] !== "") {