@progress/kendo-charts 2.4.0-dev.202405211537 → 2.4.0-dev.202406100726

package/dist/es/sankey/sankey.js

@@ -13,6 +13,28 @@ import { defined } from '../drawing-utils';
 var LINK = 'link';
 var NODE = 'node';
 
+var toRtl = function (sankey) {
+    var nodes = sankey.nodes;
+    var links = sankey.links;
+    var startX = Math.min.apply(Math, nodes.map(function (node) { return node.x0; }));
+    var endX = Math.max.apply(Math, nodes.map(function (node) { return node.x1; }));
+    var width = endX - startX;
+
+    nodes.forEach(function (node) {
+        var x0 = width - (node.x1 - 2 * startX);
+        var x1 = width - (node.x0 - 2 * startX);
+        node.x0 = x0;
+        node.x1 = x1;
+    });
+
+    links.forEach(function (link) {
+        var x0 = width - (link.x1 - 2 * startX);
+        var x1 = width - (link.x0 - 2 * startX);
+        link.x1 = x0;
+        link.x0 = x1;
+    });
+};
+
 export var Sankey = (function (Observable) {
     function Sankey(element, options, theme) {
         Observable.call(this);
@@ -96,11 +118,15 @@ export var Sankey = (function (Observable) {
         element.addEventListener('pointerdown', this._onDownHandler);
 
         this._focusState = {
-            node: this.columns[0][0],
+            node: this.firstFocusableNode(),
             link: null
         };
     };
 
+    Sankey.prototype.firstFocusableNode = function firstFocusableNode () {
+        return this.columns[0][0];
+    };
+
     Sankey.prototype._initResizeObserver = function _initResizeObserver () {
         var this$1 = this;
 
@@ -160,10 +186,13 @@ export var Sankey = (function (Observable) {
     };
 
     Sankey.prototype.trigger = function trigger (name, ev) {
+        var dataItem = ev.element.dataItem;
+        var targetType = ev.element.type;
+
         var event = Object.assign({}, ev,
             {type: name,
-            targetType: ev.element.type,
-            dataItem: ev.element.dataItem});
+            targetType: targetType,
+            dataItem: dataItem});
 
         return Observable.prototype.trigger.call(this, name, event);
     };
@@ -443,6 +472,13 @@ export var Sankey = (function (Observable) {
 
     Sankey.prototype._keydown = function _keydown (ev) {
         var handler = this['on' + ev.key];
+        var rtl = this.options.rtl;
+
+        if (rtl && ev.key === 'ArrowLeft') {
+            handler = this.onArrowRight;
+        } else if (rtl && ev.key === 'ArrowRight') {
+            handler = this.onArrowLeft;
+        }
 
         if (handler) {
             handler.call(this, ev);
@@ -452,7 +488,7 @@ export var Sankey = (function (Observable) {
     Sankey.prototype.onEscape = function onEscape (ev) {
         ev.preventDefault();
 
-        this._focusState = { node: this.columns[0][0], link: null };
+        this._focusState = { node: this.firstFocusableNode(), link: null };
         this._focusNode();
     };
 
@@ -595,6 +631,7 @@ export var Sankey = (function (Observable) {
         var nodeColors = sankeyOptions.nodeColors;
         var disableAutoLayout = sankeyOptions.disableAutoLayout;
         var disableKeyboardNavigation = sankeyOptions.disableKeyboardNavigation;
+        var rtl = sankeyOptions.rtl;
         var autoLayout = !disableAutoLayout;
         var padding = disableKeyboardNavigation ? 0 : highlightOptions.width / 2;
 
@@ -647,12 +684,21 @@ export var Sankey = (function (Observable) {
 
         var box = new Box();
 
+        var diagramMinX = calculatedNodes.reduce(function (acc, node) { return Math.min(acc, node.x0); }, Infinity);
+        var diagramMaxX = calculatedNodes.reduce(function (acc, node) { return Math.max(acc, node.x1); }, 0);
+
         calculatedNodes.forEach(function (nodeEl, i) {
+            if (rtl) {
+                var x0 = nodeEl.x0;
+                var x1 = nodeEl.x1;
+                nodeEl.x0 = diagramMaxX - x1;
+                nodeEl.x1 = diagramMaxX - x0;
+            }
             var nodeOps = resolveNodeOptions(nodeEl, nodes, nodeColors, i);
             var nodeInstance = new Node(nodeOps);
             box.wrap(rectToBox(nodeInstance.exportVisual().rawBBox()));
 
-            var labelInstance = new Label(resolveLabelOptions(nodeEl, labels, sankeyBox.width()));
+            var labelInstance = new Label(resolveLabelOptions(nodeEl, labels, rtl, diagramMinX, diagramMaxX));
             var labelVisual = labelInstance.exportVisual();
             if (labelVisual) {
                 box.wrap(rectToBox(labelVisual.rawBBox()));
@@ -726,14 +772,15 @@ export var Sankey = (function (Observable) {
         var sankeyOptions = options || this.options;
         var sankeyContext = context || this;
 
-        var data = sankeyOptions.data;
         var labelOptions = sankeyOptions.labels;
         var nodesOptions = sankeyOptions.nodes;
         var linkOptions = sankeyOptions.links;
         var nodeColors = sankeyOptions.nodeColors;
         var title = sankeyOptions.title;
         var legend = sankeyOptions.legend;
+        var rtl = sankeyOptions.rtl;
         var disableKeyboardNavigation = sankeyOptions.disableKeyboardNavigation;
+        var data = sankeyOptions.data;
         var ref = sankeyContext.size;
         var width = ref.width;
         var height = ref.height;
@@ -743,6 +790,9 @@ export var Sankey = (function (Observable) {
         var sankey = ref$1.sankey;
         var titleBox = ref$1.titleBox;
         var legendBox = ref$1.legendBox;
+        if (rtl) {
+            toRtl(sankey);
+        }
         var nodes = sankey.nodes;
         var links = sankey.links;
         var columns = sankey.columns;
@@ -821,10 +871,11 @@ export var Sankey = (function (Observable) {
             var target = link.target;
             var sourceNode = visualNodes.get(source.id);
             var targetNode = visualNodes.get(target.id);
-            var linkOps = resolveLinkOptions(link, linkOptions, sourceNode, targetNode);
-            linkOps.root = function () { return sankeyContext.element; };
-            linkOps.navigatable = disableKeyboardNavigation !== true;
-            var linkInstance = new Link(linkOps);
+            var resolvedOptions = resolveLinkOptions(link, linkOptions, sourceNode, targetNode);
+            resolvedOptions.root = function () { return sankeyContext.element; };
+            resolvedOptions.navigatable = disableKeyboardNavigation !== true;
+            resolvedOptions.rtl = rtl;
+            var linkInstance = new Link(resolvedOptions);
             var linkVisual = linkInstance.exportVisual();
 
             linkVisual.type = LINK;
@@ -833,7 +884,7 @@ export var Sankey = (function (Observable) {
                 target: Object.assign({}, targetNode.dataItem),
                 value: link.value
             };
-            linkVisual.linkOptions = linkOps;
+            linkVisual.linkOptions = resolvedOptions;
             linksVisuals.push(linkVisual);
 
             sourceNode.links.push(linkVisual);
@@ -851,9 +902,11 @@ export var Sankey = (function (Observable) {
             visual.append(linkVisual);
         });
 
-        var diagramWidth = nodes.reduce(function (acc, node) { return Math.max(acc, node.x1); }, 0);
+        var diagramMinX = nodes.reduce(function (acc, node) { return Math.min(acc, node.x0); }, Infinity);
+        var diagramMaxX = nodes.reduce(function (acc, node) { return Math.max(acc, node.x1); }, 0);
+
         nodes.forEach(function (node) {
-            var textOps = resolveLabelOptions(node, labelOptions, diagramWidth);
+            var textOps = resolveLabelOptions(node, labelOptions, rtl, diagramMinX, diagramMaxX);
             var labelInstance = new Label(textOps);
             var labelVisual = labelInstance.exportVisual();
 
@@ -863,7 +916,7 @@ export var Sankey = (function (Observable) {
         });
 
         if (legendBox) {
-            var legendElement = new Legend(Object.assign({}, legend, {drawingRect: legendBox, nodes: nodes}));
+            var legendElement = new Legend(Object.assign({}, legend, {rtl: rtl, drawingRect: legendBox, nodes: nodes}));
             var legendVisual = legendElement.exportVisual();
             visual.append(legendVisual);
         }
@@ -923,7 +976,6 @@ setDefaultOptions(Sankey, {
             lineJoin: "round",
             width: 1
         },
-        align: LEFT,
         offset: { left: 0, top: 0 }
     },
     nodes: {

package/dist/es/services/dom-events-builder.js

@@ -1,4 +1,4 @@
-import { UserEvents } from '../map/scroller/user-events';
+import { UserEvents } from '../common';
 
 var current;
 
@@ -14,9 +14,7 @@ DomEventsBuilder.create = function create (element, events) {
     if (current) {
         builder = current.create(element, events);
     } else {
-        builder = new UserEvents(element, Object.assign({}, {global: true,
-            multiTouch: true,
-            fastTap: true},
+        builder = new UserEvents(element, Object.assign({}, {multiTouch: true},
 
             events));
     }

package/dist/es2015/chart/legend/legend-layout.js

@@ -1,7 +1,9 @@
 import { drawing as draw } from '@progress/kendo-drawing';
 
 import { ChartElement, Box, rectToBox } from '../../core';
-import { CENTER, HORIZONTAL, START, VERTICAL } from '../../common/constants';
+import { CENTER, HORIZONTAL, START, END, VERTICAL } from '../../common/constants';
+
+const alignItems = rtl => (rtl ? END : START);
 
 class LegendLayout extends ChartElement {
 
@@ -20,7 +22,7 @@ class LegendLayout extends ChartElement {
             lineSpacing: vertical ? options.spacing : 0,
             orientation: vertical ? VERTICAL : HORIZONTAL,
             reverse: options.rtl,
-            alignItems: vertical ? START : CENTER
+            alignItems: vertical ? alignItems(options.rtl) : CENTER
         });
 
         for (let idx = 0; idx < children.length; idx++) {

package/dist/es2015/common/event-map.js

@@ -0,0 +1,17 @@
+export const eventMap = {
+    down: "pointerdown",
+    move: "pointermove",
+    up: "pointerup",
+    cancel: "pointercancel pointerleave"
+};
+
+function queryEventMap(e) {
+    return eventMap[e] || e;
+}
+
+export const applyEventMap = (events) => {
+    const eventRegEx = /([^ ]+)/g;
+    const appliedEvents = events.replace(eventRegEx, queryEventMap);
+
+    return appliedEvents;
+};

package/dist/es2015/common/event-utils.js

@@ -0,0 +1,61 @@
+import isFunction from './is-function';
+import isArray from './is-array';
+
+export function on(element, events, filter, handler, useCapture) {
+    addEventListeners(element, events, filter, handler, useCapture);
+}
+
+export function off(element, events, filter, handler, useCapture) {
+    removeEventListeners(element, events, filter, handler, useCapture);
+}
+
+function isString(value) {
+    return typeof(value) === "string";
+}
+
+function addEventListeners(element, events, filter, handler, useCapture) {
+    const eventNames = isArray(events) ? events : (events || "").split(" ");
+
+    eventNames.forEach(function(eventName) {
+        addEventListener(element, eventName, filter, handler, useCapture);
+    });
+}
+
+function addEventListener(element, event, filter, handler, useCapture) {
+    let eventHandler = handler;
+    let eventFilter;
+
+    if (filter && isFunction(filter) && !handler) {
+        eventHandler = filter;
+    } else if (filter && isString(filter) && isFunction(eventHandler)) {
+        eventFilter = filter;
+    }
+
+    element.addEventListener(event, function(e) {
+        const closestMatchingTarget = e.target ? e.target.closest(eventFilter) : null;
+
+        if (!eventFilter ||
+            (eventFilter && e.target && closestMatchingTarget)) {
+            const currentTarget = eventFilter ? closestMatchingTarget : e.currentTarget;
+
+            // reassign the property as it is a getters only
+            Object.defineProperty(e, "currentTarget", { value: currentTarget });
+            // keep a reference to the top-level target
+            Object.defineProperty(e, "delegateTarget", { value: element });
+
+            eventHandler(e);
+        }
+    }, Boolean(useCapture));
+}
+
+function removeEventListeners(element, events, handler, useCapture) {
+    const eventNames = isArray(events) ? events : (events || "").split(" ");
+
+    eventNames.forEach(function(eventName) {
+        removeEventListener(element, eventName, handler, useCapture);
+    });
+}
+
+function removeEventListener(element, event, handler, useCapture) {
+    element.removeEventListener(event, handler, Boolean(useCapture));
+}

package/dist/es2015/common/get-supported-features.js

@@ -0,0 +1,55 @@
+export default function getSupportedFeatures() {
+    const os = detectOS(navigator.userAgent);
+    const support = {};
+
+    support.mobileOS = os;
+
+    return support;
+}
+
+function detectOS(ua) {
+    let os = false;
+    const agentRxs = {
+            wp: /(Windows Phone(?: OS)?)\s(\d+)\.(\d+(\.\d+)?)/,
+            fire: /(Silk)\/(\d+)\.(\d+(\.\d+)?)/,
+            android: /(Android|Android.*(?:Opera|Firefox).*?\/)\s*(\d+)\.?(\d+(\.\d+)?)?/,
+            iphone: /(iPhone|iPod).*OS\s+(\d+)[\._]([\d\._]+)/,
+            ipad: /(iPad).*OS\s+(\d+)[\._]([\d_]+)/,
+            playbook: /(PlayBook).*?Tablet\s*OS\s*(\d+)\.(\d+(\.\d+)?)/,
+            windows: /(MSIE)\s+(\d+)\.(\d+(\.\d+)?)/,
+            tizen: /(tizen).*?Version\/(\d+)\.(\d+(\.\d+)?)/i,
+            sailfish: /(sailfish).*rv:(\d+)\.(\d+(\.\d+)?).*firefox/i
+        },
+        osRxs = {
+            ios: /^i(phone|pad|pod)$/i,
+            android: /^android|fire$/i,
+            windows: /windows/,
+            wp: /wp/,
+            flat: /sailfish|ffos|tizen/i
+        };
+
+    for (let agent in agentRxs) {
+        let match = ua.match(agentRxs[agent]);
+        if (match) {
+            if (agent === "windows" && "plugins" in navigator) { return false; } // Break if not Metro/Mobile Windows
+
+            os = {};
+            os.device = agent;
+            os.name = testRegex(agent, osRxs);
+            os[os.name] = true;
+
+            break;
+        }
+    }
+
+    return os;
+}
+
+function testRegex(agent, regexes, dflt) {
+    for (let regex in regexes) {
+        if (regexes[regex].test(agent)) {
+            return regex;
+        }
+    }
+    return dflt !== undefined ? dflt : agent;
+}

package/dist/es2015/common/noop.js

@@ -0,0 +1 @@
+export default function noop() {}

package/dist/es2015/common/now.js

@@ -0,0 +1,3 @@
+export default function now() {
+    return new Date().getTime();
+}

package/dist/es2015/common/observable.js

@@ -1,6 +1,4 @@
-import {
-    Class
-} from '../common';
+import { Class } from '../drawing-utils';
 
 const STRING = "string";
 const FUNCTION = "function";