@syncfusion/ej2-inputs 31.1.17 → 31.1.21

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

@@ -11665,7 +11665,8 @@ let ColorPicker = class ColorPicker extends Component {
         if (this.formElement) {
             EventHandler.add(this.formElement, 'reset', this.formResetHandler, this);
         }
-        const localeText = { Apply: 'Apply', Cancel: 'Cancel', ModeSwitcher: 'Switch Mode', RecentColors: 'Recent colors' };
+        const localeText = { Apply: 'Apply', Cancel: 'Cancel', ModeSwitcher: 'Switch Mode', RecentColors: 'Recent colors',
+            CurrentColor: 'Current', PreviousColor: 'Previous' };
         this.l10n = new L10n('colorpicker', localeText, this.locale);
         if (ele.getAttribute('ejs-for') && !ele.getAttribute('name')) {
             ele.setAttribute('name', ele.id);
@@ -12119,11 +12120,11 @@ let ColorPicker = class ColorPicker extends Component {
     createPreview(parentEle) {
         const previewContainer = this.createElement('div', { className: PREVIEW });
         parentEle.appendChild(previewContainer);
-        let preview = this.createElement('span', { className: 'e-preview ' + CURRENT });
+        let preview = this.createElement('span', { className: 'e-preview ' + CURRENT, attrs: { title: this.l10n.getConstant('CurrentColor') } });
         previewContainer.appendChild(preview);
         const colorValue = this.convertToRgbString(this.rgb);
         preview.style.backgroundColor = colorValue;
-        preview = this.createElement('span', { className: 'e-preview ' + PREVIOUS });
+        preview = this.createElement('span', { className: 'e-preview ' + PREVIOUS, attrs: { title: this.l10n.getConstant('PreviousColor') } });
         previewContainer.appendChild(preview);
         preview.style.backgroundColor = colorValue;
     }
@@ -14171,6 +14172,13 @@ let TextBox = class TextBox extends Component {
      */
     addIcon(position, icons) {
         Input.addIcon(position, icons, this.textboxWrapper.container, this.respectiveElement, this.createElement);
+        const container = this.textboxWrapper.container;
+        const iconSpan = container.querySelector('span.e-icons');
+        const label = container.querySelector('label');
+        if (iconSpan && label) {
+            const labelWidth = (this.element.parentElement.offsetWidth) - (iconSpan.offsetWidth);
+            label.style.width = `${labelWidth}px`;
+        }
     }
     /**
      * Gets the properties to be maintained in the persisted state.