@progress/kendo-vue-charts 5.1.0 → 5.2.0-dev.202406141341

package/dist/npm/sankey/tooltip.js

@@ -111,7 +111,8 @@ var NodeTooltipContent = {
   name: 'NodeTooltipContent',
   props: {
     dataItem: Object,
-    nodeValue: Number
+    nodeValue: Number,
+    dir: String
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -149,7 +150,8 @@ var NodeTooltipContent = {
 var LinkTooltipContent = {
   name: 'LinkTooltipContent',
   props: {
-    dataItem: Object
+    dataItem: Object,
+    dir: String
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -160,10 +162,13 @@ var LinkTooltipContent = {
   },
   render: function render(createElement) {
     var h = gh || createElement;
-    var _a = this.$props.dataItem,
-      source = _a.source,
-      target = _a.target,
-      value = _a.value;
+    var _a = this.$props,
+      dir = _a.dir,
+      dataItem = _a.dataItem;
+    var source = dataItem.source,
+      target = dataItem.target,
+      value = dataItem.value;
+    var arrow = dir === 'rtl' ? kendo_svg_icons_1.arrowLeftIcon : kendo_svg_icons_1.arrowRightIcon;
     return h("div", {
       style: tooltipStyles
     }, [h(Square, {
@@ -177,12 +182,12 @@ var LinkTooltipContent = {
         value: source.label.text
       }
     }), h(kendo_vue_common_1.Icon, {
-      icon: kendo_svg_icons_1.arrowRightIcon,
+      icon: arrow,
       attrs: this.v3 ? undefined : {
-        icon: kendo_svg_icons_1.arrowRightIcon,
-        name: "arrow-right"
+        icon: arrow,
+        name: arrow.name
       },
-      name: "arrow-right"
+      name: arrow.name
     }), h(Square, {
       color: target.color,
       attrs: this.v3 ? undefined : {
@@ -211,6 +216,7 @@ var TooltipVue2 = {
     tooltipData: Object,
     nodeContent: [String, Object, Function],
     linkContent: [String, Object, Function],
+    dir: String,
     offset: Number
   },
   data: function data() {
@@ -279,6 +285,7 @@ var TooltipVue2 = {
     var _a = this.$props,
       nodeContent = _a.nodeContent,
       linkContent = _a.linkContent,
+      dir = _a.dir,
       _b = _a.eventData,
       dataItem = _b.dataItem,
       nodeValue = _b.nodeValue,
@@ -292,9 +299,11 @@ var TooltipVue2 = {
         dataItem: dataItem,
         attrs: this.v3 ? undefined : {
           dataItem: dataItem,
-          nodeValue: nodeValue
+          nodeValue: nodeValue,
+          dir: dir
         },
-        nodeValue: nodeValue
+        nodeValue: nodeValue,
+        dir: dir
       })
     });
     return h("div", {
@@ -304,7 +313,11 @@ var TooltipVue2 = {
         left: this.left,
         visibility: this.visibility
       },
-      "class": "k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip"
+      "class": "k-tooltip k-sankey-tooltip k-chart-tooltip k-chart-shared-tooltip",
+      dir: dir,
+      attrs: this.v3 ? undefined : {
+        dir: dir
+      }
     }, [h("div", {
       "class": "k-tooltip-content"
     }, [content])]);

package/dist/npm/sankey/types.d.ts

@@ -1,6 +1,6 @@
-import { SankeyData, SankeyExportVisualOptions, SankeyHorizontalMargin, SankeyLabel, SankeyLabelDefaults, SankeyLabelStroke, SankeyLegendItem, SankeyLink, SankeyLinkDataItem, SankeyLinkDefaults, SankeyLinkHighlight, SankeyNode, SankeyNodeDataItem, SankeyNodeDefaults, SankeyOptions, SankeyTooltipEvent, SankeyTooltip as SankeyTooltipInterface, SankeyEvent as SankeyWidgetEvent } from '@progress/kendo-charts';
+import { SankeyData, SankeyExportVisualOptions, SankeyHorizontalMargin, SankeyLabel, SankeyLabelDefaults, SankeyLabelStroke, SankeyLegendItem, SankeyLink, SankeyLinkDataItem, SankeyLinkDefaults, SankeyLinkHighlight, SankeyNode, SankeyNodeDataItem, SankeyNodeDefaults, SankeyFocusHighlight, SankeyNodeLabel, SankeyLinkLabel, SankeyOptions, SankeyTooltipEvent, SankeyTooltip as SankeyTooltipInterface, SankeyEvent as SankeyWidgetEvent } from '@progress/kendo-charts';
 import { Legend, Title } from '../common/property-types';
-export { SankeyData, SankeyExportVisualOptions, SankeyHorizontalMargin, SankeyLabel, SankeyLabelDefaults, SankeyLabelStroke, SankeyLegendItem, SankeyLink, SankeyLinkDataItem, SankeyLinkDefaults, SankeyLinkHighlight, SankeyNode, SankeyNodeDataItem, SankeyNodeDefaults, SankeyOptions };
+export { SankeyData, SankeyExportVisualOptions, SankeyHorizontalMargin, SankeyLabel, SankeyLabelDefaults, SankeyLabelStroke, SankeyLegendItem, SankeyLink, SankeyLinkDataItem, SankeyLinkDefaults, SankeyLinkHighlight, SankeyNode, SankeyNodeDataItem, SankeyNodeDefaults, SankeyFocusHighlight, SankeyNodeLabel, SankeyLinkLabel, SankeyOptions };
 import { Sankey } from './Sankey';
 /**
  * The KendoReact Sankey event object.
@@ -38,6 +38,10 @@ export interface TooltipContentProps {
      * The value is available only when the hovered element is a node.
      */
     nodeValue?: number;
+    /**
+     * The `dir` attribute of the Sankey tooltip content component.
+     */
+    dir?: string;
 }
 /**
  * Represents the props of the Sankey tooltip component.
@@ -53,6 +57,10 @@ export interface SankeyTooltipProps {
      * The distance between the tooltip and the mouse pointer in pixels.
      */
     offset: number;
+    /**
+     * The `dir` attribute of the Sankey tooltip.
+     */
+    dir?: string;
     /**
      * The tooltip data of the Sankey component.
      */
@@ -132,6 +140,14 @@ export interface SankeyProps {
      * If set to `true`, the Sankey component will not perform automatic layout.
      */
     disableAutoLayout?: boolean;
+    /**
+     * If set to `true`, the Sankey keyboard navigation will be disabled.
+     */
+    disableKeyboardNavigation?: boolean;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
     /**
      * Fires when the mouse pointer enters a node. Similar to the `mouseenter` event.
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-charts",
   "description": "Kendo UI for Vue Charts package",
-  "version": "5.1.0",
+  "version": "5.2.0-dev.202406141341",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,18 +44,18 @@
   },
   "dependencies": {
     "@progress/kendo-charts": "2.4.0",
-    "@progress/kendo-vue-common": "5.1.0",
-    "@progress/kendo-vue-popup": "5.1.0"
+    "@progress/kendo-vue-common": "5.2.0-dev.202406141341",
+    "@progress/kendo-vue-popup": "5.2.0-dev.202406141341"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-vue-buttons": "5.1.0",
-    "@progress/kendo-vue-dropdowns": "5.1.0",
-    "@progress/kendo-vue-inputs": "5.1.0",
-    "@progress/kendo-vue-intl": "5.1.0",
+    "@progress/kendo-vue-buttons": "5.2.0-dev.202406141341",
+    "@progress/kendo-vue-dropdowns": "5.2.0-dev.202406141341",
+    "@progress/kendo-vue-inputs": "5.2.0-dev.202406141341",
+    "@progress/kendo-vue-intl": "5.2.0-dev.202406141341",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0"