@syncfusion/ej2-inputs 31.1.17 → 31.1.21

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

@@ -11908,7 +11908,8 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
         if (this.formElement) {
             EventHandler.add(this.formElement, 'reset', this.formResetHandler, this);
         }
-        var localeText = { Apply: 'Apply', Cancel: 'Cancel', ModeSwitcher: 'Switch Mode', RecentColors: 'Recent colors' };
+        var 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);
@@ -12367,11 +12368,11 @@ var ColorPicker = /** @__PURE__ @class */ (function (_super) {
     ColorPicker.prototype.createPreview = function (parentEle) {
         var previewContainer = this.createElement('div', { className: PREVIEW });
         parentEle.appendChild(previewContainer);
-        var preview = this.createElement('span', { className: 'e-preview ' + CURRENT });
+        var preview = this.createElement('span', { className: 'e-preview ' + CURRENT, attrs: { title: this.l10n.getConstant('CurrentColor') } });
         previewContainer.appendChild(preview);
         var 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;
     };
@@ -14450,6 +14451,13 @@ var TextBox = /** @__PURE__ @class */ (function (_super) {
      */
     TextBox.prototype.addIcon = function (position, icons) {
         Input.addIcon(position, icons, this.textboxWrapper.container, this.respectiveElement, this.createElement);
+        var container = this.textboxWrapper.container;
+        var iconSpan = container.querySelector('span.e-icons');
+        var label = container.querySelector('label');
+        if (iconSpan && label) {
+            var labelWidth = (this.element.parentElement.offsetWidth) - (iconSpan.offsetWidth);
+            label.style.width = labelWidth + "px";
+        }
     };
     /**
      * Gets the properties to be maintained in the persisted state.