@syncfusion/ej2-inputs 28.1.37 → 28.2.3

package/dist/es6/ej2-inputs.es2015.js

@@ -7784,7 +7784,8 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
         const currentRule = this.rules[`${name}`][`${rule}`];
         const dateFormat = ((rule === 'min' || rule === 'max') && this.rules['' + name].date &&
             typeof (this.rules['' + name].date) === 'string') ? this.rules['' + name].date : null;
-        const args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element, format: dateFormat };
+        const args = { value: this.inputElement.value,
+            param: param, element: this.inputElement, formElement: this.element, format: dateFormat, culture: this.locale };
         this.trigger('validationBegin', args);
         if (!args.param && rule === 'required') {
             return true;
@@ -7966,7 +7967,7 @@ FormValidator.checkValidator = {
     },
     date: (option) => {
         if (!isNullOrUndefined(option.param) && (typeof (option.param) === 'string' && option.param !== '')) {
-            const globalize = new Internationalization;
+            const globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : new Internationalization;
             const dateOptions = { format: option.param.toString(), type: 'dateTime', skeleton: 'yMd' };
             const dateValue = globalize.parseDate(option.value, dateOptions);
             return (!isNullOrUndefined(dateValue) && dateValue instanceof Date && !isNaN(+dateValue));
@@ -7982,7 +7983,7 @@ FormValidator.checkValidator = {
         }
         // Maximum rule validation for date
         if (option.format && option.format !== '') {
-            const globalize = new Internationalization;
+            const globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : new Internationalization;
             const dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
             const dateValue = globalize.parseDate(option.value, dateOptions);
             const maxValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;
@@ -8004,7 +8005,7 @@ FormValidator.checkValidator = {
         else {
             // Minimum rule validation for date
             if (option.format && option.format !== '') {
-                const globalize = new Internationalization;
+                const globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : new Internationalization;
                 const dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
                 const dateValue = globalize.parseDate(option.value, dateOptions);
                 const minValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;
@@ -16287,11 +16288,13 @@ class SignatureBase extends Component {
         return this.getBlob(this.canvasContext.canvas.toDataURL('image/png'));
     }
     /**
-     * To get the signature as Base 64.
+     * Gets the signature as a Base 64 string.
      *
-     * @private
-     * @param {SignatureFileType} type - Specifies the type of the image format.
-     * @returns {string}.
+     * This method is used to retrieve the current signature on the canvas as a Base 64-encoded string, in the specified image format.
+     *
+     * @param {SignatureFileType} [type] - Specifies the type of the image format.
+     * Can be one of 'Png', 'Jpeg', or 'Svg'. If not specified, the default is 'Png'.
+     * @returns {string} - Returns the Base 64 string of the signature in the specified format.
      */
     getSignature(type) {
         if (this.saveWithBackground && this.backgroundColor && !this.backgroundImage) {
@@ -16673,12 +16676,15 @@ let Rating = class Rating extends Component {
         };
         this.tooltipOpen = false;
         this.isTouchSelected = false;
+        if (closest(this.element, 'form') && this.element.getAttribute('value')) {
+            this.setProperties({ value: this.element.getAttribute('value') }, true);
+        }
     }
     render() {
         this.initialize();
         this.updateMinValue();
         this.updateTemplateFunction();
-        this.triggerChange(null, this.value, false);
+        this.triggerChange(null, this.value, false, true);
         this.renderItems();
         this.displayLabel();
     }
@@ -17039,7 +17045,8 @@ let Rating = class Rating extends Component {
         this.updateItemValue();
         this.updateLabel();
     }
-    triggerChange(e, val, isInteracted = true) {
+    triggerChange(e, val, isInteracted = true, isInitial = false) {
+        const ratingObj =  this;
         val = this.validateValue(val);
         this.currentValue = val;
         if (this.currentValue === this.value) {
@@ -17047,7 +17054,12 @@ let Rating = class Rating extends Component {
         }
         const eventArgs = { event: e, isInteracted: isInteracted, value: val, previousValue: this.value };
         this.setProperties({ value: val }, true);
-        this.trigger('valueChanged', eventArgs);
+        if (this.isAngular && !isInitial) {
+            ratingObj.localChange({ value: val });
+        }
+        if (!isInitial) {
+            this.trigger('valueChanged', eventArgs);
+        }
     }
     mouseMoveHandler(index, e) {
         if (this.isTouchSelected) {