@progress/kendo-vue-inputs 3.0.0-dev.202201170830 → 3.0.0-dev.202201181632

package/dist/es/input/Input.js

@@ -139,19 +139,16 @@ var InputVue2 = {
     var _a = this.$props,
         label = _a.label,
         id = _a.id,
-        required = _a.required,
-        validationMessage = _a.validationMessage;
+        required = _a.required;
     var inputId = id || this.$data.inputId;
     var textbox = h('input', __assign(__assign({
       domProps: this.v3 ? null : __assign(__assign({}, this.$attrs), {
         placeholder: this.$props.placeholder,
         id: inputId,
         required: required,
-        value: this.computedValue,
-        validationMessage: validationMessage
+        value: this.computedValue
       })
     }, this.$attrs), {
-      validationMessage: validationMessage,
       placeholder: this.$props.placeholder,
       id: inputId,
       required: required,

package/dist/es/maskedtextbox/MaskedTextBox.js

@@ -373,7 +373,8 @@ var MaskedTextBoxVue2 = {
         title: this.$props.title,
         disabled: this.$props.disabled || undefined,
         readOnly: this.$props.readonly || undefined,
-        placeholder: this.$props.placeholder
+        placeholder: this.$props.placeholder,
+        required: this.$props.required
       },
       autoComplete: "off",
       autoCorrect: "off",
@@ -394,6 +395,7 @@ var MaskedTextBoxVue2 = {
       disabled: this.$props.disabled || undefined,
       readOnly: this.$props.readonly || undefined,
       placeholder: this.$props.placeholder,
+      required: this.$props.required,
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input',

package/dist/es/numerictextbox/NumericTextBox.js

@@ -528,12 +528,14 @@ var NumericTextBoxVue2 = {
       }
     }, [// @ts-ignore
     h(KButton, {
-      icon: 'arrow-n',
+      tabIndex: -1,
       attrs: this.v3 ? undefined : {
+        tabIndex: -1,
         icon: 'arrow-n',
         "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]),
         title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue])
       },
+      icon: 'arrow-n',
       "class": "k-spinner-increase",
       "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]),
       title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]),
@@ -543,13 +545,15 @@ var NumericTextBoxVue2 = {
       }
     }), // @ts-ignore
     h(KButton, {
-      "class": "k-spinner-decrease",
-      icon: 'arrow-s',
+      tabIndex: -1,
       attrs: this.v3 ? undefined : {
+        tabIndex: -1,
         icon: 'arrow-s',
         "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]),
         title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue])
       },
+      "class": "k-spinner-decrease",
+      icon: 'arrow-s',
       "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]),
       title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]),
       onClick: this.decrease,

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-inputs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1642407447,
+    publishDate: 1642522814,
     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/dist/es/slider/Slider.js

@@ -1,20 +1,4 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-}; // @ts-ignore
-
-
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -143,23 +127,12 @@ var SliderVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var _a, _b;
+    var _a;
 
     var h = gh || createElement;
     var lS = provideLocalizationService(this);
     var percentValue = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100;
     var defaultSlot = getDefaultSlots(this);
-    var trackStyles = this.$props.vertical ? {
-      marginTop: '0.5rem',
-      marginBottom: '0.5rem'
-    } : {
-      marginLeft: '0.5rem',
-      marginRight: '0.5rem'
-    };
-    var sliderItemsStyle = this.$props.vertical ? {
-      paddingTop: 0,
-      height: '100%'
-    } : {};
     return h("div", {
       "aria-valuemin": this.$props.min,
       attrs: this.v3 ? undefined : {
@@ -199,14 +172,7 @@ var SliderVue2 = {
         'k-slider-vertical': this.$props.vertical
       }, this.$props.className)
     }, [h("div", {
-      "class": classNames('k-slider-wrap', {
-        'k-slider-buttons': this.$props.buttons
-      }),
-      style: {
-        display: 'flex',
-        position: 'relative',
-        flexDirection: this.$props.vertical ? 'column-reverse' : 'row'
-      }
+      "class": classNames('k-slider-wrap')
     }, [this.$props.buttons && // @ts-ignore
     h(Button, {
       tabIndex: -1,
@@ -239,22 +205,13 @@ var SliderVue2 = {
     }, this.v3 ? function () {
       return [h("div", {
         "class": "k-slider-track-wrap",
-        style: __assign({
-          flexGrow: 1,
-          position: 'relative',
+        style: {
           touchAction: 'none'
-        }, trackStyles)
+        }
       }, [defaultSlot && h("ul", {
-        "class": "k-reset k-slider-items",
-        style: __assign({
-          margin: 0
-        }, sliderItemsStyle)
+        "class": "k-reset k-slider-items"
       }, [defaultSlot]), h("div", {
         "class": "k-slider-track",
-        style: _this.$props.vertical ? {
-          bottom: 0,
-          height: '100%'
-        } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = 0, _a.width = '100%', _a),
         ref: 'sliderTrack'
       }, [h("div", {
         "class": "k-slider-selection",
@@ -270,28 +227,19 @@ var SliderVue2 = {
           title: lS.toLanguageString(sliderDragTitle, messages[sliderDragTitle])
         },
         style: _this.$props.vertical ? {
-          bottom: 'calc(' + percentValue + '% - 8px)',
+          bottom: percentValue + '%',
           zIndex: 1
-        } : (_b = {}, _b[_this.currentDir === 'rtl' ? 'right' : 'left'] = 'calc(' + percentValue + '% - 8px)', _b.zIndex = 1, _b)
+        } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
       })])])];
     } : [h("div", {
       "class": "k-slider-track-wrap",
-      style: __assign({
-        flexGrow: 1,
-        position: 'relative',
+      style: {
         touchAction: 'none'
-      }, trackStyles)
+      }
     }, [defaultSlot && h("ul", {
-      "class": "k-reset k-slider-items",
-      style: __assign({
-        margin: 0
-      }, sliderItemsStyle)
+      "class": "k-reset k-slider-items"
     }, [defaultSlot]), h("div", {
       "class": "k-slider-track",
-      style: _this.$props.vertical ? {
-        bottom: 0,
-        height: '100%'
-      } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = 0, _a.width = '100%', _a),
       ref: 'sliderTrack'
     }, [h("div", {
       "class": "k-slider-selection",
@@ -307,9 +255,9 @@ var SliderVue2 = {
         title: lS.toLanguageString(sliderDragTitle, messages[sliderDragTitle])
       },
       style: _this.$props.vertical ? {
-        bottom: 'calc(' + percentValue + '% - 8px)',
+        bottom: percentValue + '%',
         zIndex: 1
-      } : (_b = {}, _b[_this.currentDir === 'rtl' ? 'right' : 'left'] = 'calc(' + percentValue + '% - 8px)', _b.zIndex = 1, _b)
+      } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
     })])])]), this.$props.buttons && // @ts-ignore
     h(Button, {
       tabIndex: -1,

package/dist/es/slider/SliderLabel.js

@@ -75,7 +75,7 @@ var SliderLabelVue2 = {
       bottom: position + "%",
       height: '1px',
       width: '100%'
-    } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = position + "%", _a.width = '1px', _a);
+    } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = position + "%", _a.width = '1px', _a.height = '100%', _a);
     return h("li", {
       ref: 'sliderLabelRef',
       role: "presentation",

package/dist/npm/input/Input.js

@@ -150,19 +150,16 @@ var InputVue2 = {
     var _a = this.$props,
         label = _a.label,
         id = _a.id,
-        required = _a.required,
-        validationMessage = _a.validationMessage;
+        required = _a.required;
     var inputId = id || this.$data.inputId;
     var textbox = h('input', __assign(__assign({
       domProps: this.v3 ? null : __assign(__assign({}, this.$attrs), {
         placeholder: this.$props.placeholder,
         id: inputId,
         required: required,
-        value: this.computedValue,
-        validationMessage: validationMessage
+        value: this.computedValue
       })
     }, this.$attrs), {
-      validationMessage: validationMessage,
       placeholder: this.$props.placeholder,
       id: inputId,
       required: required,

package/dist/npm/maskedtextbox/MaskedTextBox.js

@@ -385,7 +385,8 @@ var MaskedTextBoxVue2 = {
         title: this.$props.title,
         disabled: this.$props.disabled || undefined,
         readOnly: this.$props.readonly || undefined,
-        placeholder: this.$props.placeholder
+        placeholder: this.$props.placeholder,
+        required: this.$props.required
       },
       autoComplete: "off",
       autoCorrect: "off",
@@ -406,6 +407,7 @@ var MaskedTextBoxVue2 = {
       disabled: this.$props.disabled || undefined,
       readOnly: this.$props.readonly || undefined,
       placeholder: this.$props.placeholder,
+      required: this.$props.required,
       ref: this.v3 ? function (el) {
         _this.inputRef = el;
       } : 'input',

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -543,12 +543,14 @@ var NumericTextBoxVue2 = {
       }
     }, [// @ts-ignore
     h(kendo_vue_buttons_1.Button, {
-      icon: 'arrow-n',
+      tabIndex: -1,
       attrs: this.v3 ? undefined : {
+        tabIndex: -1,
         icon: 'arrow-n',
         "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
         title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue])
       },
+      icon: 'arrow-n',
       "class": "k-spinner-increase",
       "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
       title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]),
@@ -558,13 +560,15 @@ var NumericTextBoxVue2 = {
       }
     }), // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
-      "class": "k-spinner-decrease",
-      icon: 'arrow-s',
+      tabIndex: -1,
       attrs: this.v3 ? undefined : {
+        tabIndex: -1,
         icon: 'arrow-s',
         "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
         title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue])
       },
+      "class": "k-spinner-decrease",
+      icon: 'arrow-s',
       "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
       title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]),
       onClick: this.decrease,

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: 1642407447,
+    publishDate: 1642522814,
     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/dist/npm/slider/Slider.js

@@ -1,21 +1,5 @@
 "use strict";
 
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-
-    return t;
-  };
-
-  return __assign.apply(this, arguments);
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -158,23 +142,12 @@ var SliderVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var _a, _b;
+    var _a;
 
     var h = gh || createElement;
     var lS = kendo_vue_intl_1.provideLocalizationService(this);
     var percentValue = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
-    var trackStyles = this.$props.vertical ? {
-      marginTop: '0.5rem',
-      marginBottom: '0.5rem'
-    } : {
-      marginLeft: '0.5rem',
-      marginRight: '0.5rem'
-    };
-    var sliderItemsStyle = this.$props.vertical ? {
-      paddingTop: 0,
-      height: '100%'
-    } : {};
     return h("div", {
       "aria-valuemin": this.$props.min,
       attrs: this.v3 ? undefined : {
@@ -214,14 +187,7 @@ var SliderVue2 = {
         'k-slider-vertical': this.$props.vertical
       }, this.$props.className)
     }, [h("div", {
-      "class": kendo_vue_common_2.classNames('k-slider-wrap', {
-        'k-slider-buttons': this.$props.buttons
-      }),
-      style: {
-        display: 'flex',
-        position: 'relative',
-        flexDirection: this.$props.vertical ? 'column-reverse' : 'row'
-      }
+      "class": kendo_vue_common_2.classNames('k-slider-wrap')
     }, [this.$props.buttons && // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       tabIndex: -1,
@@ -254,22 +220,13 @@ var SliderVue2 = {
     }, this.v3 ? function () {
       return [h("div", {
         "class": "k-slider-track-wrap",
-        style: __assign({
-          flexGrow: 1,
-          position: 'relative',
+        style: {
           touchAction: 'none'
-        }, trackStyles)
+        }
       }, [defaultSlot && h("ul", {
-        "class": "k-reset k-slider-items",
-        style: __assign({
-          margin: 0
-        }, sliderItemsStyle)
+        "class": "k-reset k-slider-items"
       }, [defaultSlot]), h("div", {
         "class": "k-slider-track",
-        style: _this.$props.vertical ? {
-          bottom: 0,
-          height: '100%'
-        } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = 0, _a.width = '100%', _a),
         ref: 'sliderTrack'
       }, [h("div", {
         "class": "k-slider-selection",
@@ -285,28 +242,19 @@ var SliderVue2 = {
           title: lS.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle])
         },
         style: _this.$props.vertical ? {
-          bottom: 'calc(' + percentValue + '% - 8px)',
+          bottom: percentValue + '%',
           zIndex: 1
-        } : (_b = {}, _b[_this.currentDir === 'rtl' ? 'right' : 'left'] = 'calc(' + percentValue + '% - 8px)', _b.zIndex = 1, _b)
+        } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
       })])])];
     } : [h("div", {
       "class": "k-slider-track-wrap",
-      style: __assign({
-        flexGrow: 1,
-        position: 'relative',
+      style: {
         touchAction: 'none'
-      }, trackStyles)
+      }
     }, [defaultSlot && h("ul", {
-      "class": "k-reset k-slider-items",
-      style: __assign({
-        margin: 0
-      }, sliderItemsStyle)
+      "class": "k-reset k-slider-items"
     }, [defaultSlot]), h("div", {
       "class": "k-slider-track",
-      style: _this.$props.vertical ? {
-        bottom: 0,
-        height: '100%'
-      } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = 0, _a.width = '100%', _a),
       ref: 'sliderTrack'
     }, [h("div", {
       "class": "k-slider-selection",
@@ -322,9 +270,9 @@ var SliderVue2 = {
         title: lS.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle])
       },
       style: _this.$props.vertical ? {
-        bottom: 'calc(' + percentValue + '% - 8px)',
+        bottom: percentValue + '%',
         zIndex: 1
-      } : (_b = {}, _b[_this.currentDir === 'rtl' ? 'right' : 'left'] = 'calc(' + percentValue + '% - 8px)', _b.zIndex = 1, _b)
+      } : (_a = {}, _a[_this.currentDir === 'rtl' ? 'right' : 'left'] = percentValue + '%', _a.zIndex = 1, _a)
     })])])]), this.$props.buttons && // @ts-ignore
     h(kendo_vue_buttons_1.Button, {
       tabIndex: -1,

package/dist/npm/slider/SliderLabel.js

@@ -84,7 +84,7 @@ var SliderLabelVue2 = {
       bottom: position + "%",
       height: '1px',
       width: '100%'
-    } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = position + "%", _a.width = '1px', _a);
+    } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = position + "%", _a.width = '1px', _a.height = '100%', _a);
     return h("li", {
       ref: 'sliderLabelRef',
       role: "presentation",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.0.0-dev.202201170830",
+  "version": "3.0.0-dev.202201181632",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,21 +38,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.0.0-dev.202201170830",
-    "@progress/kendo-vue-common": "3.0.0-dev.202201170830",
-    "@progress/kendo-vue-labels": "3.0.0-dev.202201170830",
-    "@progress/kendo-vue-popup": "3.0.0-dev.202201170830"
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201181632",
+    "@progress/kendo-vue-common": "3.0.0-dev.202201181632",
+    "@progress/kendo-vue-labels": "3.0.0-dev.202201181632",
+    "@progress/kendo-vue-popup": "3.0.0-dev.202201181632"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.5",
     "@progress/kendo-date-math": "^1.5.4",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-buttons": "3.0.0-dev.202201170830",
-    "@progress/kendo-vue-form": "3.0.0-dev.202201170830",
-    "@progress/kendo-vue-intl": "3.0.0-dev.202201170830",
-    "@progress/kendo-vue-labels": "3.0.0-dev.202201170830",
-    "@progress/kendo-vue-tooltip": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201181632",
+    "@progress/kendo-vue-form": "3.0.0-dev.202201181632",
+    "@progress/kendo-vue-intl": "3.0.0-dev.202201181632",
+    "@progress/kendo-vue-labels": "3.0.0-dev.202201181632",
+    "@progress/kendo-vue-tooltip": "3.0.0-dev.202201181632",
     "cldr-core": "^34.0.0",
     "cldr-dates-full": "^34.0.0",
     "cldr-numbers-full": "^34.0.0"