@progress/kendo-vue-inputs 8.4.0-develop.1 → 8.4.0-develop.3

package/textbox/TextBox.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as V, h as r, createVNode as a, ref as C, isVNode as _ } from "vue";
+import { defineComponent as V, h as u, createVNode as a, ref as C, isVNode as _ } from "vue";
 import { kendoThemeMaps as h, templateRendering as c, getListeners as f, getTemplate as m, Icon as s, validatePackage as w, guid as I } from "@progress/kendo-vue-common";
 import { packageMetadata as M } from "../package-metadata.mjs";
 import { FloatingLabel as B } from "@progress/kendo-vue-labels";
@@ -136,25 +136,25 @@ const R = /* @__PURE__ */ V({
       id: e,
       required: l,
       iconName: o,
-      showValidationIcon: d,
+      showValidationIcon: p,
       showLoadingIcon: g,
       showClearButton: v,
-      inputAttributes: y
-    } = this.$props, p = e || this._inputId, $ = r("input", {
+      inputAttributes: $
+    } = this.$props, d = e || this._inputId, y = u("input", {
       ...this.$attrs,
-      ...y,
+      ...$,
       "aria-label": this.$props.ariaLabel,
       role: this.$props.role,
       title: this.$props.title,
       tabindex: this.$props.tabIndex,
       placeholder: this.$props.placeholder,
-      id: p,
+      id: d,
       required: l,
       disabled: this.$props.disabled,
       value: this.computedValue,
       class: this.inputInnerClass,
-      ref: (u) => {
-        this.inputRef = u;
+      ref: (r) => {
+        this.inputRef = r;
       },
       onKeydown: this.handleKeydown,
       onKeyup: this.handleKeyup,
@@ -165,15 +165,15 @@ const R = /* @__PURE__ */ V({
       onInput: this.handleInput,
       onAnimationstart: this.handleAutoFill,
       onAnimationend: this.handleAutoFillEnd
-    }), k = c.call(this, this.$props.prefix || this.$props.inputPrefix, f.call(this)), x = c.call(this, this.$props.suffix || this.$props.inputSuffix, f.call(this)), b = m.call(this, {
-      h: r,
+    }), k = c.call(this, this.$props.prefix || this.$props.inputPrefix, f.call(this)), x = c.call(this, this.$props.suffix || this.$props.inputSuffix, f.call(this)), S = m.call(this, {
+      h: u,
       template: k,
       additionalProps: {
         value: this.computedValue,
         valid: t
       }
-    }), S = m.call(this, {
-      h: r,
+    }), b = m.call(this, {
+      h: u,
       template: x,
       additionalProps: {
         value: this.computedValue,
@@ -181,21 +181,25 @@ const R = /* @__PURE__ */ V({
       }
     }), n = a("span", {
       class: this.inputWrapperClass(),
-      ref: (u) => {
-        this.wrapperRef = u;
+      ref: (r) => {
+        this.wrapperRef = r;
       }
     }, [o && a(s, {
       name: o,
       class: "k-input-icon"
     }, null), (this.$props.prefix || this.$props.inputPrefix) && a("span", {
-      class: "k-input-prefix"
-    }, [b]), $, (this.$props.suffix || this.$props.inputSuffix) && a("span", {
-      class: "k-input-suffix"
-    }, [S]), d && t && a(s, {
+      class: "k-input-prefix k-input-prefix-horizontal"
+    }, [S]), (this.$props.prefix || this.$props.inputPrefix) && a("span", {
+      class: "k-input-separator k-input-separator-vertical"
+    }, null), y, (this.$props.suffix || this.$props.inputSuffix) && a("span", {
+      class: "k-input-separator k-input-separator-vertical"
+    }, null), (this.$props.suffix || this.$props.inputSuffix) && a("span", {
+      class: "k-input-suffix k-input-suffix-horizontal"
+    }, [b]), p && t && a(s, {
       name: "check",
       icon: F,
       class: "k-input-validation-icon"
-    }, null), d && !t && a(s, {
+    }, null), p && !t && a(s, {
       name: "exclamation-circle",
       icon: N,
       class: "k-input-validation-icon"
@@ -211,7 +215,7 @@ const R = /* @__PURE__ */ V({
     }, null)])]);
     return i ? a(B, {
       label: i,
-      editorId: p,
+      editorId: d,
       editorValue: this.computedValue,
       editorValid: t,
       editorDisabled: this.$props.disabled,