9.1.0

accordion/accordion.d.ts

@@ -31,6 +31,11 @@ export declare class Accordion extends React.Component<React.HTMLAttributes<Elem
     */
     get animation(): Animation;
     set animation(value: Animation);
+    /** Determines the data source that will be loaded to the Accordion.
+    *	Property type: any
+    */
+    get dataSource(): any;
+    set dataSource(value: any);
     /** Enables or disables the accordion. Disabled elements can not be interacted with.
     *	Property type: boolean
     */

accordion/accordion.esm.js

@@ -186,6 +186,17 @@ class Accordion extends React.Component {
             this.nativeElement.animation = value;
         }
     }
+    /** Determines the data source that will be loaded to the Accordion.
+    *	Property type: any
+    */
+    get dataSource() {
+        return this.nativeElement ? this.nativeElement.dataSource : undefined;
+    }
+    set dataSource(value) {
+        if (this.nativeElement) {
+            this.nativeElement.dataSource = value;
+        }
+    }
     /** Enables or disables the accordion. Disabled elements can not be interacted with.
     *	Property type: boolean
     */
@@ -309,7 +320,7 @@ class Accordion extends React.Component {
     }
     // Gets the properties of the React component.
     get properties() {
-        return ["animation", "disabled", "expandedIndexes", "expandMode", "locale", "localizeFormatFunction", "messages", "readonly", "reorder", "rightToLeft", "theme", "unfocusable"];
+        return ["animation", "dataSource", "disabled", "expandedIndexes", "expandMode", "locale", "localizeFormatFunction", "messages", "readonly", "reorder", "rightToLeft", "theme", "unfocusable"];
     }
     // Gets the events of the React component.
     get eventListeners() {

accordion/accordion.umd.js

@@ -192,6 +192,17 @@ require('../source/modules/smart.accordion');
 	            this.nativeElement.animation = value;
 	        }
 	    }
+	    /** Determines the data source that will be loaded to the Accordion.
+	    *	Property type: any
+	    */
+	    get dataSource() {
+	        return this.nativeElement ? this.nativeElement.dataSource : undefined;
+	    }
+	    set dataSource(value) {
+	        if (this.nativeElement) {
+	            this.nativeElement.dataSource = value;
+	        }
+	    }
 	    /** Enables or disables the accordion. Disabled elements can not be interacted with.
 	    *	Property type: boolean
 	    */
@@ -315,7 +326,7 @@ require('../source/modules/smart.accordion');
 	    }
 	    // Gets the properties of the React component.
 	    get properties() {
-	        return ["animation", "disabled", "expandedIndexes", "expandMode", "locale", "localizeFormatFunction", "messages", "readonly", "reorder", "rightToLeft", "theme", "unfocusable"];
+	        return ["animation", "dataSource", "disabled", "expandedIndexes", "expandMode", "locale", "localizeFormatFunction", "messages", "readonly", "reorder", "rightToLeft", "theme", "unfocusable"];
 	    }
 	    // Gets the events of the React component.
 	    get eventListeners() {

button/button.esm.js

@@ -434,7 +434,7 @@ class ToggleButton extends React.Component {
     }
     // Gets the events of the React component.
     get eventListeners() {
-        return ["onChange", "onCreate", "onReady"];
+        return ["onChange", "onCheckValue", "onUncheckValue", "onCreate", "onReady"];
     }
     componentDidRender(initialize) {
         const that = this;

button/button.umd.js

@@ -440,7 +440,7 @@ require('../source/modules/smart.button');
 	    }
 	    // Gets the events of the React component.
 	    get eventListeners() {
-	        return ["onChange", "onCreate", "onReady"];
+	        return ["onChange", "onCheckValue", "onUncheckValue", "onCreate", "onReady"];
 	    }
 	    componentDidRender(initialize) {
 	        const that = this;

button/dropdownbutton.d.ts

@@ -42,10 +42,10 @@ export declare class DropDownButton extends React.Component<React.HTMLAttributes
     get disabled(): boolean;
     set disabled(value: boolean);
     /** Sets the parent container of the dropDown (the popup). Used when a CSS property of unknowned parent is interfering with the visibility of the dropDown.
-    *	Property type: any
+    *	Property type: string
     */
-    get dropDownAppendTo(): any;
-    set dropDownAppendTo(value: any);
+    get dropDownAppendTo(): string;
+    set dropDownAppendTo(value: string);
     /** Determines the position of the drop down button.
     *	Property type: DropDownButtonPosition
     */

button/multisplitbutton.d.ts

@@ -60,11 +60,11 @@ export declare class MultiSplitButton extends React.Component<React.HTMLAttribut
     */
     get displayMember(): string;
     set displayMember(value: string);
-    /** Sets the parent container of the button's dropDown list (the popup). Used when a CSS property of unknowned parent is interfering with the visibility of the dropDown list.
-    *	Property type: any
+    /** Sets the parent container of the button's dropDown list (the popup). The expected value is CSS Selector, ID or 'body'. Used when a CSS property of unknowned parent is interfering with the visibility of the dropDown list.
+    *	Property type: string
     */
-    get dropDownAppendTo(): any;
-    set dropDownAppendTo(value: any);
+    get dropDownAppendTo(): string;
+    set dropDownAppendTo(value: string);
     /** Determines position of the drop down button.
     *	Property type: DropDownButtonPosition
     */

button/radiobutton.d.ts

@@ -8,6 +8,8 @@ export interface RadioButtonProps extends RadioButtonProperties {
     className?: string;
     style?: React.CSSProperties;
     onChange?: ((event?: Event) => void) | undefined;
+    onCheckValue?: ((event?: Event) => void) | undefined;
+    onUncheckValue?: ((event?: Event) => void) | undefined;
     onCreate?: ((event?: Event) => void) | undefined;
     onReady?: ((event?: Event) => void) | undefined;
 }
@@ -101,8 +103,22 @@ export declare class RadioButton extends React.Component<React.HTMLAttributes<El
     set value(value: string);
     get properties(): string[];
     /**  This event is triggered when the widget is checked/unchecked.
-    *  @param event. The custom event. 	*/
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	value, 	oldValue, 	changeType)
+    *   value - A boolean value indicating the new state of the button ( checked or not ).
+    *   oldValue - A boolean value indicating the previous state of the button ( checked or not ).
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
     onChange?: ((event?: Event) => void) | undefined;
+    /**  This event is triggered when the widget is checked.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	changeType)
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
+    onCheckValue?: ((event?: Event) => void) | undefined;
+    /**  This event is triggered when the widget is unchecked.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	changeType)
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
+    onUncheckValue?: ((event?: Event) => void) | undefined;
     /**  This event occurs, when the React component is created.
     *  @param event. The custom event. 	*/
     onCreate?: ((event?: Event) => void) | undefined;

button/switchbutton.d.ts

@@ -8,6 +8,8 @@ export interface SwitchButtonProps extends SwitchButtonProperties {
     className?: string;
     style?: React.CSSProperties;
     onChange?: ((event?: Event) => void) | undefined;
+    onCheckValue?: ((event?: Event) => void) | undefined;
+    onUncheckValue?: ((event?: Event) => void) | undefined;
     onCreate?: ((event?: Event) => void) | undefined;
     onReady?: ((event?: Event) => void) | undefined;
 }
@@ -121,8 +123,22 @@ export declare class SwitchButton extends React.Component<React.HTMLAttributes<E
     set value(value: string);
     get properties(): string[];
     /**  This event is triggered when the widget is checked/unchecked.
-    *  @param event. The custom event. 	*/
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	value, 	oldValue, 	changeType)
+    *   value - A boolean value indicating the new state of the button ( checked or not ).
+    *   oldValue - A boolean value indicating the previous state of the button ( checked or not ).
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
     onChange?: ((event?: Event) => void) | undefined;
+    /**  This event is triggered when the widget is checked.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	changeType)
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
+    onCheckValue?: ((event?: Event) => void) | undefined;
+    /**  This event is triggered when the widget is unchecked.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	changeType)
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
+    onUncheckValue?: ((event?: Event) => void) | undefined;
     /**  This event occurs, when the React component is created.
     *  @param event. The custom event. 	*/
     onCreate?: ((event?: Event) => void) | undefined;

button/togglebutton.d.ts

@@ -8,6 +8,8 @@ export interface ToggleButtonProps extends ToggleButtonProperties {
     className?: string;
     style?: React.CSSProperties;
     onChange?: ((event?: Event) => void) | undefined;
+    onCheckValue?: ((event?: Event) => void) | undefined;
+    onUncheckValue?: ((event?: Event) => void) | undefined;
     onCreate?: ((event?: Event) => void) | undefined;
     onReady?: ((event?: Event) => void) | undefined;
 }
@@ -85,9 +87,23 @@ export declare class ToggleButton extends React.Component<React.HTMLAttributes<E
     get value(): string;
     set value(value: string);
     get properties(): string[];
-    /**  This event is triggered when the state of the element is changed.
-    *  @param event. The custom event. 	*/
+    /**  This event is triggered when the widget is checked/unchecked.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	value, 	oldValue, 	changeType)
+    *   value - A boolean value indicating the new state of the button ( checked or not ).
+    *   oldValue - A boolean value indicating the previous state of the button ( checked or not ).
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
     onChange?: ((event?: Event) => void) | undefined;
+    /**  This event is triggered when the widget is checked.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	changeType)
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
+    onCheckValue?: ((event?: Event) => void) | undefined;
+    /**  This event is triggered when the widget is unchecked.
+    *  @param event. The custom event. 	Custom event was created with: event.detail(	changeType)
+    *   changeType - A string flag indicating whether the change event was triggered via API or an event.
+    */
+    onUncheckValue?: ((event?: Event) => void) | undefined;
     /**  This event occurs, when the React component is created.
     *  @param event. The custom event. 	*/
     onCreate?: ((event?: Event) => void) | undefined;

calendar/calendar.d.ts

@@ -71,15 +71,15 @@ export declare class Calendar extends React.Component<React.HTMLAttributes<Eleme
     get displayModeView(): CalendarDisplayModeView;
     set displayModeView(value: CalendarDisplayModeView);
     /** Determines the height of the month's drop down inside the Calendar.
-    *	Property type: string
+    *	Property type: string | number
     */
-    get dropDownHeight(): string;
-    set dropDownHeight(value: string);
+    get dropDownHeight(): string | number;
+    set dropDownHeight(value: string | number);
     /** Determines the width of the month's drop down inside the Calendar.
-    *	Property type: string
+    *	Property type: string | number
     */
-    get dropDownWidth(): string;
-    set dropDownWidth(value: string);
+    get dropDownWidth(): string | number;
+    set dropDownWidth(value: string | number);
     /** Determines the first day of the week. From 0(Sunday) to 6(Saturday)
     *	Property type: number
     */
@@ -131,20 +131,20 @@ export declare class Calendar extends React.Component<React.HTMLAttributes<Eleme
     get localizeFormatFunction(): any;
     set localizeFormatFunction(value: any);
     /** Determines the max date for the Calendar. Accepts date objects and valid date string formats.
-    *	Property type: any
+    *	Property type: string | Date
     */
-    get max(): any;
-    set max(value: any);
+    get max(): string | Date;
+    set max(value: string | Date);
     /** Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
     *	Property type: any
     */
     get messages(): any;
     set messages(value: any);
     /** Determines the min date for the Calendar. Accepts date objects and valid date string formats.
-    *	Property type: any
+    *	Property type: string | Date
     */
-    get min(): any;
-    set min(value: any);
+    get min(): string | Date;
+    set min(value: string | Date);
     /** Determines the number of months to be displayed inside the calendar. The maximum amount of months that can be shown is 12. By default only 1 month is shown.
     *	Property type: number
     */
@@ -166,10 +166,10 @@ export declare class Calendar extends React.Component<React.HTMLAttributes<Eleme
     get readonly(): boolean;
     set readonly(value: boolean);
     /** Sets restricted dates. Restricted dates are dates that cannot be selected/hovered/focused. They are visualy styled as restricted. The dates can be javascript date objects or strings representing a valid date.
-    *	Property type: string[]
+    *	Property type: string[] | Date[]
     */
-    get restrictedDates(): string[];
-    set restrictedDates(value: string[]);
+    get restrictedDates(): string[] | Date[];
+    set restrictedDates(value: string[] | Date[]);
     /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
     *	Property type: boolean
     */

calendar/calendar.esm.js

@@ -144,7 +144,7 @@ class Calendar extends React.Component {
         }
     }
     /** Determines the height of the month's drop down inside the Calendar.
-    *	Property type: string
+    *	Property type: string | number
     */
     get dropDownHeight() {
         return this.nativeElement ? this.nativeElement.dropDownHeight : undefined;
@@ -155,7 +155,7 @@ class Calendar extends React.Component {
         }
     }
     /** Determines the width of the month's drop down inside the Calendar.
-    *	Property type: string
+    *	Property type: string | number
     */
     get dropDownWidth() {
         return this.nativeElement ? this.nativeElement.dropDownWidth : undefined;
@@ -276,7 +276,7 @@ class Calendar extends React.Component {
         }
     }
     /** Determines the max date for the Calendar. Accepts date objects and valid date string formats.
-    *	Property type: any
+    *	Property type: string | Date
     */
     get max() {
         return this.nativeElement ? this.nativeElement.max : undefined;
@@ -298,7 +298,7 @@ class Calendar extends React.Component {
         }
     }
     /** Determines the min date for the Calendar. Accepts date objects and valid date string formats.
-    *	Property type: any
+    *	Property type: string | Date
     */
     get min() {
         return this.nativeElement ? this.nativeElement.min : undefined;
@@ -353,7 +353,7 @@ class Calendar extends React.Component {
         }
     }
     /** Sets restricted dates. Restricted dates are dates that cannot be selected/hovered/focused. They are visualy styled as restricted. The dates can be javascript date objects or strings representing a valid date.
-    *	Property type: string[]
+    *	Property type: string[] | Date[]
     */
     get restrictedDates() {
         return this.nativeElement ? this.nativeElement.restrictedDates : undefined;

calendar/calendar.umd.js

@@ -150,7 +150,7 @@ require('../source/modules/smart.calendar');
             }
         }
         /** Determines the height of the month's drop down inside the Calendar.
-        *	Property type: string
+        *	Property type: string | number
         */
         get dropDownHeight() {
             return this.nativeElement ? this.nativeElement.dropDownHeight : undefined;
@@ -161,7 +161,7 @@ require('../source/modules/smart.calendar');
             }
         }
         /** Determines the width of the month's drop down inside the Calendar.
-        *	Property type: string
+        *	Property type: string | number
         */
         get dropDownWidth() {
             return this.nativeElement ? this.nativeElement.dropDownWidth : undefined;
@@ -282,7 +282,7 @@ require('../source/modules/smart.calendar');
             }
         }
         /** Determines the max date for the Calendar. Accepts date objects and valid date string formats.
-        *	Property type: any
+        *	Property type: string | Date
         */
         get max() {
             return this.nativeElement ? this.nativeElement.max : undefined;
@@ -304,7 +304,7 @@ require('../source/modules/smart.calendar');
             }
         }
         /** Determines the min date for the Calendar. Accepts date objects and valid date string formats.
-        *	Property type: any
+        *	Property type: string | Date
         */
         get min() {
             return this.nativeElement ? this.nativeElement.min : undefined;
@@ -359,7 +359,7 @@ require('../source/modules/smart.calendar');
             }
         }
         /** Sets restricted dates. Restricted dates are dates that cannot be selected/hovered/focused. They are visualy styled as restricted. The dates can be javascript date objects or strings representing a valid date.
-        *	Property type: string[]
+        *	Property type: string[] | Date[]
         */
         get restrictedDates() {
             return this.nativeElement ? this.nativeElement.restrictedDates : undefined;

card/card.d.ts

@@ -42,7 +42,7 @@ export declare class Card extends React.Component<React.HTMLAttributes<Element>
     */
     get disabled(): boolean;
     set disabled(value: boolean);
-    /** Sets custom card template. The template can be the id of an HTMLTemplate element inside the DOM or it's reference. The content of the template may hold one or many property placeholders in format {{property}}. These placeholders will be replaced with the values of the corresponding properties defined in the dataSource object.
+    /** Sets custom card template. The template can be the ID of an HTMLTemplate element inside the DOM or it's reference. The content of the template may hold one or many property placeholders in format {{property}}. These placeholders will be replaced with the values of the corresponding properties defined in the dataSource object. When setting the property to template ID, the property type is 'string'.
     *	Property type: any
     */
     get itemTemplate(): any;

card/card.esm.js

@@ -63,7 +63,7 @@ class Card extends React.Component {
             this.nativeElement.disabled = value;
         }
     }
-    /** Sets custom card template. The template can be the id of an HTMLTemplate element inside the DOM or it's reference. The content of the template may hold one or many property placeholders in format {{property}}. These placeholders will be replaced with the values of the corresponding properties defined in the dataSource object.
+    /** Sets custom card template. The template can be the ID of an HTMLTemplate element inside the DOM or it's reference. The content of the template may hold one or many property placeholders in format {{property}}. These placeholders will be replaced with the values of the corresponding properties defined in the dataSource object. When setting the property to template ID, the property type is 'string'.
     *	Property type: any
     */
     get itemTemplate() {