@progress/kendo-vue-inputs 3.15.0-dev.202309281100 → 4.0.0-dev.202310041201

package/dist/npm/input/Input.js

@@ -25,7 +25,6 @@ var ref = allVue.ref;
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var package_metadata_1 = require("../package-metadata");
 var kendo_vue_labels_1 = require("@progress/kendo-vue-labels");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -110,14 +109,7 @@ var InputVue2 = {
       type: Boolean,
       default: true
     },
-    iconName: String,
-    inputPrefix: kendo_vue_common_1.templateDefinition,
-    inputSuffix: kendo_vue_common_1.templateDefinition,
-    showValidationIcon: Boolean,
-    showLoadingIcon: Boolean,
-    showClearButton: Boolean,
     inputClass: String,
-    wrapperClass: String,
     tabIndex: Number,
     ariaLabel: String,
     ariaLabelledBy: String,
@@ -141,7 +133,6 @@ var InputVue2 = {
   },
   mounted: function mounted() {
     this._input = this.v3 ? this.inputRef : this.$refs.input;
-    this.wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;
     this.$data.hasMounted = true;
     this.setValidity();
   },
@@ -166,10 +157,6 @@ var InputVue2 = {
       label = _a.label,
       id = _a.id,
       required = _a.required,
-      iconName = _a.iconName,
-      showValidationIcon = _a.showValidationIcon,
-      showLoadingIcon = _a.showLoadingIcon,
-      showClearButton = _a.showClearButton,
       tabIndex = _a.tabIndex,
       ariaLabel = _a.ariaLabel,
       ariaLabelledBy = _a.ariaLabelledBy,
@@ -222,75 +209,6 @@ var InputVue2 = {
       onAnimationstart: this.handleAutoFill,
       onAnimationend: this.handleAutoFillEnd
     }));
-    var inputPrefixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputPrefix, kendo_vue_common_1.getListeners.call(this));
-    var inputSuffixTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.inputSuffix, kendo_vue_common_1.getListeners.call(this));
-    var inputPrefix = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: inputPrefixTemplate,
-      additionalProps: {
-        value: this.computedValue,
-        valid: isValid
-      }
-    });
-    var inputSuffix = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: inputSuffixTemplate,
-      additionalProps: {
-        value: this.computedValue,
-        valid: isValid
-      }
-    });
-    var inputWrapper = h("span", {
-      "class": this.inputWrapperClass(),
-      ref: this.v3 ? function (el) {
-        _this.wrapperRef = el;
-      } : 'wrapper'
-    }, [iconName && h(kendo_vue_common_1.Icon, {
-      name: iconName,
-      attrs: this.v3 ? undefined : {
-        name: iconName
-      },
-      "class": "k-input-icon"
-    }), this.$props.inputPrefix && h("span", {
-      "class": "k-input-prefix"
-    }, [inputPrefix]), textbox, this.$props.inputSuffix && h("span", {
-      "class": "k-input-suffix"
-    }, [inputSuffix]), showValidationIcon && isValid && h(kendo_vue_common_1.Icon, {
-      name: 'check',
-      attrs: this.v3 ? undefined : {
-        name: 'check',
-        icon: kendo_svg_icons_1.checkIcon
-      },
-      icon: kendo_svg_icons_1.checkIcon,
-      "class": "k-input-validation-icon"
-    }), showValidationIcon && !isValid && h(kendo_vue_common_1.Icon, {
-      name: 'exclamation-circle',
-      attrs: this.v3 ? undefined : {
-        name: 'exclamation-circle',
-        icon: kendo_svg_icons_1.exclamationCircleIcon
-      },
-      icon: kendo_svg_icons_1.exclamationCircleIcon,
-      "class": "k-input-validation-icon"
-    }), showLoadingIcon && h(kendo_vue_common_1.Icon, {
-      name: 'loading',
-      attrs: this.v3 ? undefined : {
-        name: 'loading'
-      },
-      "class": 'k-input-loading-icon'
-    }), showClearButton && this.computedValue && h("span", {
-      onClick: this.clearClick,
-      on: this.v3 ? undefined : {
-        "click": this.clearClick
-      },
-      "class": "k-clear-value"
-    }, [h(kendo_vue_common_1.Icon, {
-      name: 'x',
-      attrs: this.v3 ? undefined : {
-        name: 'x',
-        icon: kendo_svg_icons_1.xIcon
-      },
-      icon: kendo_svg_icons_1.xIcon
-    })])]);
     return label ?
     // @ts-ignore function children
     h(kendo_vue_labels_1.FloatingLabel, {
@@ -311,12 +229,12 @@ var InputVue2 = {
       editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',
       dir: this.$props.dir
     }, this.v3 ? function () {
-      return [inputWrapper];
-    } : [inputWrapper]) : inputWrapper;
+      return [textbox];
+    } : [textbox]) : textbox;
   },
   methods: {
     updateValidClass: function updateValidClass() {
-      this.wrapper.classList.toggle('k-invalid', !this.validity().valid);
+      this._input.classList.toggle('k-invalid', !this.validity().valid);
     },
     emitFocus: function emitFocus(e) {
       this.$emit('focus', e);
@@ -419,18 +337,6 @@ var InputVue2 = {
     },
     name: function name() {
       return this.$props.name;
-    },
-    inputWrapperClass: function inputWrapperClass() {
-      var _a;
-      var _b = this.$props,
-        size = _b.size,
-        fillMode = _b.fillMode,
-        rounded = _b.rounded;
-      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
-      return _a = {
-        'k-textbox': true,
-        'k-input': true
-      }, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.wrapperClass] = this.wrapperClass, _a;
     }
   },
   computed: {
@@ -449,9 +355,14 @@ var InputVue2 = {
     },
     inputInnerClass: function inputInnerClass() {
       var _a;
+      var _b = this.$props,
+        size = _b.size,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded;
+      var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;
       return _a = {
-        'k-input-inner': true
-      }, _a[this.inputClass] = this.inputClass, _a;
+        'k-input': true
+      }, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.inputClass] = this.inputClass, _a;
     },
     computedValue: {
       get: function get() {

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1695898189,
+    publishDate: 1696420036,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.15.0-dev.202309281100",
+  "version": "4.0.0-dev.202310041201",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -47,11 +47,11 @@
   },
   "dependencies": {
     "@progress/kendo-inputs-common": "^3.1.0",
-    "@progress/kendo-vue-buttons": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-common": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-dialogs": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-labels": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-popup": "3.15.0-dev.202309281100"
+    "@progress/kendo-vue-buttons": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-common": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-dialogs": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-labels": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-popup": "4.0.0-dev.202310041201"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
@@ -60,13 +60,13 @@
     "@progress/kendo-file-saver": "^1.1.1",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-buttons": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-dropdowns": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-form": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-intl": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-labels": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-tooltip": "3.15.0-dev.202309281100",
-    "@progress/kendo-vue-upload": "3.15.0-dev.202309281100",
+    "@progress/kendo-vue-buttons": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-dropdowns": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-form": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-intl": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-labels": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-tooltip": "4.0.0-dev.202310041201",
+    "@progress/kendo-vue-upload": "4.0.0-dev.202310041201",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"