@progress/kendo-vue-inputs 3.7.4-dev.202212020747 → 3.7.4-dev.202301091431

package/dist/npm/slider/Slider.js

@@ -17,6 +17,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 var main_1 = require("../messages/main");
 var SliderLabel_1 = require("./SliderLabel");
 var package_metadata_1 = require("../package-metadata");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -144,29 +145,13 @@ var SliderVue2 = {
     var percentValue = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     return h("div", {
-      "aria-valuemin": this.$props.min,
+      dir: this.currentDir,
       attrs: this.v3 ? undefined : {
-        "aria-valuemin": this.$props.min,
-        "aria-valuemax": this.$props.max,
-        "aria-valuenow": this.computedValue,
-        "aria-disabled": this.$props.disabled ? 'true' : undefined,
-        "aria-labelledby": this.$props.ariaLabelledBy,
-        "aria-describedby": this.$props.ariaDescribedBy,
         dir: this.currentDir,
-        role: "slider",
-        id: this.$props.id,
-        tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined)
+        id: this.$props.id
       },
-      "aria-valuemax": this.$props.max,
-      "aria-valuenow": this.computedValue,
-      "aria-disabled": this.$props.disabled ? 'true' : undefined,
-      "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-describedby": this.$props.ariaDescribedBy,
-      dir: this.currentDir,
-      role: "slider",
       id: this.$props.id,
       style: this.$props.style,
-      tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
       onFocus: this.onFocus,
       on: this.v3 ? undefined : {
         "focus": this.onFocus,
@@ -189,13 +174,15 @@ var SliderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        tabIndex: -1,
+        tabindex: -1,
         icon: this.$props.vertical ? 'caret-alt-down' : 'caret-alt-left',
+        svgIcon: this.$props.vertical ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltLeftIcon,
         rounded: 'full',
         title: lS.toLanguageString(main_1.sliderDecreaseValue, main_1.messages[main_1.sliderDecreaseValue])
       },
-      tabIndex: -1,
+      tabindex: -1,
       icon: this.$props.vertical ? 'caret-alt-down' : 'caret-alt-left',
+      svgIcon: this.$props.vertical ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltLeftIcon,
       style: {
         position: 'relative'
       },
@@ -236,10 +223,24 @@ var SliderVue2 = {
         }
       }), h("a", {
         "class": "k-draghandle",
-        title: lS.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
+        role: "slider",
         attrs: _this.v3 ? undefined : {
+          role: "slider",
+          tabIndex: "0",
+          "aria-valuenow": _this.computedValue,
+          "aria-valuemin": _this.$props.min,
+          "aria-valuemax": _this.$props.max,
+          "aria-valuetext": _this.computedValue.toString(),
+          "aria-disabled": _this.$props.disabled ? 'true' : undefined,
           title: lS.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle])
         },
+        tabIndex: "0",
+        "aria-valuenow": _this.computedValue,
+        "aria-valuemin": _this.$props.min,
+        "aria-valuemax": _this.$props.max,
+        "aria-valuetext": _this.computedValue.toString(),
+        "aria-disabled": _this.$props.disabled ? 'true' : undefined,
+        title: lS.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
         style: _this.$props.vertical ? {
           bottom: percentValue + '%',
           zIndex: 1
@@ -264,10 +265,24 @@ var SliderVue2 = {
       }
     }), h("a", {
       "class": "k-draghandle",
-      title: lS.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
+      role: "slider",
       attrs: _this.v3 ? undefined : {
+        role: "slider",
+        tabIndex: "0",
+        "aria-valuenow": _this.computedValue,
+        "aria-valuemin": _this.$props.min,
+        "aria-valuemax": _this.$props.max,
+        "aria-valuetext": _this.computedValue.toString(),
+        "aria-disabled": _this.$props.disabled ? 'true' : undefined,
         title: lS.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle])
       },
+      tabIndex: "0",
+      "aria-valuenow": _this.computedValue,
+      "aria-valuemin": _this.$props.min,
+      "aria-valuemax": _this.$props.max,
+      "aria-valuetext": _this.computedValue.toString(),
+      "aria-disabled": _this.$props.disabled ? 'true' : undefined,
+      title: lS.toLanguageString(main_1.sliderDragTitle, main_1.messages[main_1.sliderDragTitle]),
       style: _this.$props.vertical ? {
         bottom: percentValue + '%',
         zIndex: 1
@@ -278,13 +293,15 @@ var SliderVue2 = {
       type: "button",
       attrs: this.v3 ? undefined : {
         type: "button",
-        tabIndex: -1,
+        tabindex: -1,
         icon: this.$props.vertical ? 'caret-alt-up' : 'caret-alt-right',
+        svgIcon: this.$props.vertical ? kendo_svg_icons_1.caretAltUpIcon : kendo_svg_icons_1.caretAltRightIcon,
         rounded: 'full',
         title: lS.toLanguageString(main_1.sliderIncreaseValue, main_1.messages[main_1.sliderIncreaseValue])
       },
-      tabIndex: -1,
+      tabindex: -1,
       icon: this.$props.vertical ? 'caret-alt-up' : 'caret-alt-right',
+      svgIcon: this.$props.vertical ? kendo_svg_icons_1.caretAltUpIcon : kendo_svg_icons_1.caretAltRightIcon,
       rounded: 'full',
       style: {
         position: 'relative'

package/dist/npm/switch/Switch.js

@@ -166,10 +166,16 @@ var SwitchVue2 = {
       required = _a.required;
     return h("span", {
       "class": this.switchClassName,
-      dir: this.currentDir,
+      role: 'switch',
       attrs: this.v3 ? undefined : {
+        role: 'switch',
+        "aria-checked": this.computedValue,
+        "aria-disabled": disabled || undefined,
         dir: this.currentDir
       },
+      "aria-checked": this.computedValue,
+      "aria-disabled": disabled || undefined,
+      dir: this.currentDir,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,
@@ -185,17 +191,11 @@ var SwitchVue2 = {
       id: id || this._id,
       attrs: this.v3 ? undefined : {
         id: id || this._id,
-        role: 'switch',
-        "aria-checked": this.computedValue,
-        "aria-disabled": disabled || undefined,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy,
         tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled, undefined),
         accesskey: this.$props.accessKey
       },
-      role: 'switch',
-      "aria-checked": this.computedValue,
-      "aria-disabled": disabled || undefined,
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy,
       ref: (0, kendo_vue_common_1.setRef)(this, 'element'),

package/dist/npm/textarea/TextArea.js

@@ -23,6 +23,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var package_metadata_1 = require("../package-metadata");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -291,16 +292,30 @@ var TextAreaVue2 = {
       "class": "k-hstack k-flex"
     }, [iconName && h("span", {
       "class": "k-flex-wrap"
-    }, [h("span", {
-      "class": "k-input-icon k-icon k-i-".concat(iconName)
+    }, [h(kendo_vue_common_1.Icon, {
+      name: iconName,
+      attrs: this.v3 ? undefined : {
+        name: iconName
+      },
+      "class": "k-input-icon"
     })]), textarea, showValidationIcon && this.isValid && h("span", {
       "class": this.suffixIconWrapClass
-    }, [h("span", {
-      "class": "k-input-validation-icon k-icon k-i-check"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'check',
+      attrs: this.v3 ? undefined : {
+        name: 'check'
+      },
+      "class": "k-input-validation-icon"
     })]), showValidationIcon && !this.isValid && h("span", {
       "class": this.suffixIconWrapClass
-    }, [h("span", {
-      "class": "k-input-validation-icon k-icon k-i-warning"
+    }, [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("span", {
       "class": this.suffixIconWrapClass
     }, [h("span", {
@@ -313,8 +328,11 @@ var TextAreaVue2 = {
         "click": this.clearClick
       },
       "class": "k-clear-value"
-    }, [h("span", {
-      "class": "k-icon k-i-x"
+    }, [h(kendo_vue_common_1.Icon, {
+      name: 'x',
+      attrs: this.v3 ? undefined : {
+        name: 'x'
+      }
     })])])]), this.$props.inputSuffix && h("span", {
       "class": this.suffixRenderClass
     }, [inputSuffix])]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-inputs",
   "description": "Kendo UI for Vue Input package",
-  "version": "3.7.4-dev.202212020747",
+  "version": "3.7.4-dev.202301091431",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -39,27 +39,33 @@
   },
   "peerDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
-    "@progress/kendo-licensing": "^1.1.0",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^1.0.0",
     "@progress/kendo-vue-intl": "^3.6.0",
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-common": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-labels": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202212020747"
+    "@progress/kendo-inputs-common": "^3.1.0",
+    "@progress/kendo-vue-buttons": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-common": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-dialogs": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-labels": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-popup": "3.7.4-dev.202301091431"
   },
   "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.7.4-dev.202212020747",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-form": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-labels": "3.7.4-dev.202212020747",
-    "@progress/kendo-vue-tooltip": "3.7.4-dev.202212020747",
+    "@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.7.4-dev.202301091431",
+    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-form": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-intl": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-labels": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-tooltip": "3.7.4-dev.202301091431",
+    "@progress/kendo-vue-upload": "3.7.4-dev.202301091431",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"