@syncfusion/ej2-inputs - npm Package Compare versions

Comparing version 16.1.35 to 16.1.37

CHANGELOG.md

@@ -5,2 +5,14 @@ # Changelog
 
+### NumericTextBox
+
+#### Features
+
+- Provided clear button option in NumericTextBox.
+
+#### Bug Fixes
+
+- NumericTextBox is now aligned properly in inline element when `showSpinButton` property disabled.
+
+## 16.1.35 (2018-04-17)
+
 ### MaskedTextBox
@@ -7,0 +19,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.1.35
+*  version : 16.1.37
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-inputs",
-  "version": "16.1.35",
+  "version": "16.1.37",
   "description": "Essential JS 2 Input Components",
@@ -11,5 +11,5 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.1.35",
-    "@syncfusion/ej2-buttons": "~16.1.35",
-    "@syncfusion/ej2-popups": "~16.1.32"
+    "@syncfusion/ej2-base": "~16.1.37",
+    "@syncfusion/ej2-buttons": "~16.1.37",
+    "@syncfusion/ej2-popups": "~16.1.37"
   },
@@ -16,0 +16,0 @@ "devDependencies": {

src/numerictextbox/numerictextbox-model.d.ts

@@ -88,2 +88,8 @@ import { Component, EventHandler, Property, Event, Browser, L10n, EmitType } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, BaseEventArgs } from '@syncfusion/ej2-base';import { createElement, attributes, addClass, removeClass, setStyleAttribute, detach } from '@syncfusion/ej2-base';import { isNullOrUndefined, getValue, formatUnit, setValue, merge } from '@syncfusion/ej2-base';import { Internationalization, NumberFormatOptions, getNumericObject } from '@syncfusion/ej2-base';import { Input, InputObject, FloatLabelType } from '../input/input';
     /**
+     * Specifies whether to show or hide the clear icon.
+     * @default false
+     */
+    showClearButton?: boolean;
+
+    /**
      * Enable or disable persisting NumericTextBox state between page reloads. If enabled, the `value` state will be persisted.
@@ -90,0 +96,0 @@ * @default false

src/numerictextbox/numerictextbox.d.ts

@@ -19,2 +19,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     private container;
+    private inputWrapper;
     private cloneElement;
@@ -108,2 +109,7 @@ private hiddenInput;
     /**
+     * Specifies whether to show or hide the clear icon.
+     * @default false
+     */
+    showClearButton: boolean;
+    /**
      * Enable or disable persisting NumericTextBox state between page reloads. If enabled, the `value` state will be persisted.
@@ -215,2 +221,5 @@ * @default false
     private checkErrorClass();
+    private bindClearEvent();
+    protected resetHandler(e?: MouseEvent): void;
+    private clear(event);
     private wireEvents();
@@ -217,0 +226,0 @@ private wireSpinBtnEvents();

src/numerictextbox/numerictextbox.js

@@ -97,2 +97,5 @@ var __extends = (this && this.__extends) || (function () {
                 }
+                if (!this.container.classList.contains('e-input-group')) {
+                    this.container.classList.add('e-input-group');
+                }
                 this.changeValue(this.value);
@@ -163,5 +166,7 @@ this.wireEvents();
                     enableRtl: this.enableRtl,
+                    showClearButton: this.showClearButton,
                     enabled: this.enabled
                 }
             });
+            this.inputWrapper = inputObj;
             this.container = inputObj.container;
@@ -176,3 +181,3 @@ this.container.setAttribute('class', ROOT + ' ' + this.container.getAttribute('class'));
             ej2_base_3.attributes(this.hiddenInput, { 'name': this.inputName });
-            this.container.insertBefore(this.hiddenInput, this.element);
+            this.container.insertBefore(this.hiddenInput, this.container.childNodes[1]);
             if (this.inputStyle !== null) {
@@ -240,2 +245,17 @@ ej2_base_3.attributes(this.container, { 'style': this.inputStyle });
         };
+        NumericTextBox.prototype.bindClearEvent = function () {
+            if (this.showClearButton) {
+                ej2_base_1.EventHandler.add(this.inputWrapper.clearButton, 'mousedown touchstart', this.resetHandler, this);
+            }
+        };
+        NumericTextBox.prototype.resetHandler = function (e) {
+            e.preventDefault();
+            if (!(this.inputWrapper.clearButton.classList.contains('e-clear-icon-hide'))) {
+                this.clear(e);
+            }
+        };
+        NumericTextBox.prototype.clear = function (event) {
+            this.setProperties({ value: null }, true);
+            this.setElementValue('');
+        };
         NumericTextBox.prototype.wireEvents = function () {
@@ -248,2 +268,5 @@ ej2_base_1.EventHandler.add(this.element, 'focus', this.focusIn, this);
             ej2_base_1.EventHandler.add(this.element, 'paste', this.pasteHandler, this);
+            if (this.enabled) {
+                this.bindClearEvent();
+            }
         };
@@ -409,3 +432,3 @@ NumericTextBox.prototype.wireSpinBtnEvents = function () {
         NumericTextBox.prototype.setElementValue = function (val, element) {
-            input_1.Input.setValue(val, (element ? element : this.element), this.floatLabelType);
+            input_1.Input.setValue(val, (element ? element : this.element), this.floatLabelType, this.showClearButton);
         };
@@ -710,2 +733,5 @@ NumericTextBox.prototype.validateState = function () {
                         break;
+                    case 'showClearButton':
+                        input_1.Input.setClearButton(newProp.showClearButton, this.element, this.inputWrapper);
+                        break;
                     case 'value':
@@ -807,2 +833,5 @@ this.updateValue(newProp.value);
             ej2_base_1.Property(false)
+        ], NumericTextBox.prototype, "showClearButton", void 0);
+        __decorate([
+            ej2_base_1.Property(false)
         ], NumericTextBox.prototype, "enablePersistence", void 0);
@@ -809,0 +838,0 @@ __decorate([

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13325758

increased by0.13%

Lines of code

118974

increased by0.09%

Dependency changes

• Updated@syncfusion/ej2-base@~16.1.37

• Updated@syncfusion/ej2-buttons@~16.1.37

• Updated@syncfusion/ej2-popups@~16.1.37