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

package/dist/es/map/scroller/scroller.js

@@ -6,19 +6,19 @@ import {
     addClass,
     Observable,
     isFunction,
-    setDefaultOptions
+    setDefaultOptions,
+    on,
+    off,
+    UserEvents
 } from '../../common';
 
 import {
     convertToHtml,
     prepend,
     wrapInner,
-    contains,
     hasNativeScrolling,
-    on,
-    off,
-    proxy,
     wheelDeltaY,
+    proxy,
     setDefaultEvents
 } from '../utils';
 
@@ -34,10 +34,6 @@ import {
     TapCapture
 } from './draggable';
 
-import {
-    UserEvents
-} from './user-events';
-
 var
     extend = Object.assign,
     abs = Math.abs,
@@ -382,8 +378,7 @@ export var Scroller = (function (Observable) {
             avoidScrolling = this.options.avoidScrolling,
 
             userEvents = new UserEvents(element, {
-                touchAction: 'pan-y',
-                fastTap: true,
+                touchAction: 'none',
                 allowSelection: true,
                 preventDragEvent: true,
                 captureUpIfMoved: true,
@@ -394,7 +389,7 @@ export var Scroller = (function (Observable) {
                     var velocityX = abs(e.x.velocity),
                         velocityY = abs(e.y.velocity),
                         horizontalSwipe = velocityX * 2 >= velocityY,
-                        originatedFromFixedContainer = contains(that.fixedContainer, e.event.target),
+                        originatedFromFixedContainer = that.fixedContainer.contains(e.event.target),
                         verticalSwipe = velocityY * 2 >= velocityX;
                     if (!originatedFromFixedContainer && !avoidScrolling(e) && that.enabled && (dimensions.x.enabled && horizontalSwipe || dimensions.y.enabled && verticalSwipe)) {
                         userEvents.capture();

package/dist/es/map/utils.js

@@ -1,15 +1,13 @@
-import {
-    isFunction,
-    isArray,
-    hasOwnProperty
-} from '../common';
+import { getSupportedFeatures } from '../common';
 
 /* eslint-disable arrow-body-style, no-useless-escape */
 
-var defineProperty = Object.defineProperty;
-
 export var extend = Object.assign;
 
+export var proxy = function (method, context) {
+    return method.bind(context);
+};
+
 export var convertToHtml = function (html) {
     var div = document.createElement("div");
     div.innerHTML = html;
@@ -65,331 +63,10 @@ export var toPixels = function (value) {
     return result;
 };
 
-var detectOS = function (ua) {
-    var os = false, minorVersion, match = [],
-        // notAndroidPhone = !/mobile safari/i.test(ua),
-        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_]+)/,
-            meego: /(MeeGo).+NokiaBrowser\/(\d+)\.([\d\._]+)/,
-            webos: /(webOS)\/(\d+)\.(\d+(\.\d+)?)/,
-            blackberry: /(BlackBerry|BB10).*?Version\/(\d+)\.(\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,
-            ffos: /(Mobile).*rv:(\d+)\.(\d+(\.\d+)?).*Firefox/
-        },
-        osRxs = {
-            ios: /^i(phone|pad|pod)$/i,
-            android: /^android|fire$/i,
-            blackberry: /^blackberry|playbook/i,
-            windows: /windows/,
-            wp: /wp/,
-            flat: /sailfish|ffos|tizen/i,
-            meego: /meego/
-        },
-        formFactorRxs = {
-            tablet: /playbook|ipad|fire/i
-        },
-        browserRxs = {
-            omini: /Opera\sMini/i,
-            omobile: /Opera\sMobi/i,
-            firefox: /Firefox|Fennec/i,
-            mobilesafari: /version\/.*safari/i,
-            ie: /MSIE|Windows\sPhone/i,
-            chrome: /chrome|crios/i,
-            webkit: /webkit/i
-        };
-
-    for (var agent in agentRxs) {
-        if (hasOwnProperty(agentRxs, agent)) {
-            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.tablet = testRegex(agent, formFactorRxs, false);
-                os.browser = testRegex(ua, browserRxs, "default");
-                os.name = testRegex(agent, osRxs);
-                os[os.name] = true;
-                os.majorVersion = match[2];
-                os.minorVersion = (match[3] || "0").replace("_", ".");
-                minorVersion = os.minorVersion.replace(".", "").substr(0, 2);
-                os.flatVersion = os.majorVersion + minorVersion + (new Array(3 - (minorVersion.length < 3 ? minorVersion.length : 2)).join("0"));
-
-
-                break;
-            }
-        }
-    }
-
-    return os;
-};
-
-function testRegex(agent, regexes, dflt) {
-    for (var regex in regexes) {
-        if (hasOwnProperty(regexes, regex) && regexes[regex].test(agent)) {
-            return regex;
-        }
-    }
-    return dflt !== undefined ? dflt : agent;
-}
-
 export var hasNativeScrolling = function (userAgent) {
-    var os = detectOS(userAgent);
-    return os.ios || os.android;
-};
-
-var detectBrowser = function (userAgent) {
-    var browser = false,
-        match = [],
-        browserRxs = {
-            edge: /(edge)[ \/]([\w.]+)/i,
-            webkit: /(chrome|crios)[ \/]([\w.]+)/i,
-            safari: /(webkit)[ \/]([\w.]+)/i,
-            opera: /(opera)(?:.*version|)[ \/]([\w.]+)/i,
-            msie: /(msie\s|trident.*? rv:)([\w.]+)/i,
-            mozilla: /(mozilla)(?:.*? rv:([\w.]+)|)/i
-        };
-
-    for (var agent in browserRxs) {
-        if (hasOwnProperty(browserRxs, agent)) {
-            match = userAgent.match(browserRxs[agent]);
-
-            if (match) {
-                browser = {};
-                browser[agent] = true;
-                browser[match[1].toLowerCase().split(" ")[0].split("/")[0]] = true;
-                browser.version = parseInt(document.documentMode || match[2], 10);
-
-                break;
-            }
-        }
-    }
-
-    return browser;
-};
-
-export var getEventMap = function () {
-    var eventMap = {
-        down: "touchstart mousedown",
-        move: "mousemove touchmove",
-        up: "mouseup touchend touchcancel",
-        cancel: "mouseleave touchcancel"
-    };
-
-    var support = getSupportedFeatures();
-
-    if (support.touch && (support.mobileOS.ios || support.mobileOS.android)) {
-        eventMap = {
-            down: "touchstart",
-            move: "touchmove",
-            up: "touchend touchcancel",
-            cancel: "touchcancel"
-        };
-    } else if (support.pointers) {
-        eventMap = {
-            down: "pointerdown",
-            move: "pointermove",
-            up: "pointerup",
-            cancel: "pointercancel pointerleave"
-        };
-    } else if (support.msPointers) {
-        eventMap = {
-            down: "MSPointerDown",
-            move: "MSPointerMove",
-            up: "MSPointerUp",
-            cancel: "MSPointerCancel MSPointerLeave"
-        };
-    }
-
-    return eventMap;
-};
-
-export var getSupportedFeatures = function () {
-    var os = detectOS(navigator.userAgent);
-    var browser = detectBrowser(navigator.userAgent);
-
-    var chrome = browser.chrome,
-        mobileChrome = browser.crios,
-        mozilla = browser.mozilla,
-        safari = browser.safari;
-
-    var support = {};
-
-    support.mobileOS = os;
-    support.touch = "ontouchstart" in window;
-    support.pointers = !chrome && !mobileChrome && !mozilla && !safari && window.PointerEvent;
-    support.msPointers = !chrome && window.MSPointerEvent;
-    support.mouseAndTouchPresent = support.touch && !(support.mobileOS.ios || support.mobileOS.android);
-    support.eventCapture = document.documentElement.addEventListener;
-
-    var table = document.createElement("table");
-
-    var transitions = support.transitions = false,
-        transforms = support.transforms = false;
-
-    var STRING = "string";
-
-    ["Moz", "webkit", "O", "ms"].forEach(function(prefix) {
-        var hasTransitions = typeof table.style[prefix + "Transition"] === STRING;
-
-        if (hasTransitions || typeof table.style[prefix + "Transform"] === STRING) {
-            var lowPrefix = prefix.toLowerCase();
-
-            transforms = {
-                css: (lowPrefix !== "ms") ? "-" + lowPrefix + "-" : "",
-                prefix: prefix,
-                event: (lowPrefix === "o" || lowPrefix === "webkit") ? lowPrefix : ""
-            };
-
-            if (hasTransitions) {
-                transitions = transforms;
-                transitions.event = transitions.event ? transitions.event + "TransitionEnd" : "transitionend";
-            }
-
-            return false;
-        }
-    });
-
-    table = null;
-
-    support.transforms = transforms;
-    support.transitions = transitions;
-
-    support.delayedClick = function() {
-        // only the mobile devices with touch events do this.
-        if (support.touch) {
-            // All iOS devices so far (by the time I am writing this, iOS 9.0.2 is the latest),
-            // delay their click events.
-            if (support.mobileOS.ios) {
-                return true;
-            }
-
-            if (support.mobileOS.android) {
-
-                if (!support.browser.chrome) { // older webkits and webviews delay the click
-                    return true;
-                }
-
-                // from here on, we deal with Chrome on Android.
-                if (support.browser.version < 32) {
-                    return false;
-                }
-
-                // Chrome 32+ does conditional fast clicks if the view port is not user scalable.
-                var meta = document.querySelector("meta[name=viewport]");
-                var contentAttr = meta ? meta.getAttribute("content") : "";
-                return !contentAttr.match(/user-scalable=no/i);
-            }
-        }
-
-        return false;
-    };
-
-    return support;
-};
-
-export var ownsElement = function (parent, element) {
-    if (!element) {
-        return false;
-    }
-
-    var node = element.parentNode;
-
-    while (node !== null) {
-        if (node === parent) {
-            return true;
-        }
-
-        node = node.parentNode;
-    }
-
-    return false;
-};
-
-export var contains = function (parent, element) {
-    return parent === element || ownsElement(parent, element);
-};
-
-export var proxy = function (method, context) {
-    return method.bind(context);
-};
-
-function isString(value) {
-    return typeof(value) === "string";
-}
-
-export var on = function (element, events, filter, handler, useCapture) {
-    addEventListeners(element, events, filter, handler, useCapture);
-};
-
-export var addEventListeners = function (element, events, filter, handler, useCapture) {
-    var eventNames = isArray(events) ? events : (events || "").split(" ");
-
-    eventNames.forEach(function(eventName) {
-        addEventListener(element, eventName, filter, handler, useCapture);
-    });
-};
-
-export var addEventListener = function (element, event, filter, handler, useCapture) {
-    var eventHandler = handler;
-    var eventFilter;
-
-    if (filter && isFunction(filter) && !handler) {
-        eventHandler = filter;
-    } else if (filter && isString(filter) && isFunction(eventHandler)) {
-        eventFilter = filter;
-    }
-
-    element.addEventListener(event, function(e) {
-        var closestMatchingTarget = e.target ? e.target.closest(eventFilter) : null;
-
-        if (!eventFilter ||
-            (eventFilter && e.target && closestMatchingTarget)) {
-            var currentTarget = eventFilter ? closestMatchingTarget : e.currentTarget;
-
-            // reassign the property as it is a getters only
-            defineProperty(e, "currentTarget", { value: currentTarget });
-            // keep a reference to the top-level target
-            defineProperty(e, "delegateTarget", { value: element });
-
-            eventHandler(e);
-        }
-    }, Boolean(useCapture));
-};
-
-export var off = function (element, events, filter, handler, useCapture) {
-    removeEventListeners(element, events, filter, handler, useCapture);
-};
-
-export var removeEventListeners = function (element, events, handler, useCapture) {
-    var eventNames = isArray(events) ? events : (events || "").split(" ");
-
-    eventNames.forEach(function(eventName) {
-        removeEventListener(element, eventName, handler, useCapture);
-    });
-};
-
-export var removeEventListener = function (element, event, handler, useCapture) {
-    element.removeEventListener(event, handler, Boolean(useCapture));
-};
-
-export var applyEventMap = function (events) {
-    var eventMap = getEventMap(navigator.userAgent);
-    function queryEventMap(e) {
-        return eventMap[e] || e;
-    }
-
-    var eventRegEx = /([^ ]+)/g;
-    var appliedEvents = events.replace(eventRegEx, queryEventMap);
-
-    return appliedEvents;
+    var ref = getSupportedFeatures(userAgent);
+    var mobileOS = ref.mobileOS;
+    return mobileOS.ios || mobileOS.android;
 };
 
 export var setDefaultEvents = function (type, events) {
@@ -406,8 +83,7 @@ export var setDefaultEvents = function (type, events) {
     }
 };
 
-export var wheelDeltaY = function (jQueryEvent) {
-    var e = jQueryEvent.originalEvent || jQueryEvent;
+export var wheelDeltaY = function (e) {
     var deltaY = e.wheelDeltaY;
     var delta;
 
@@ -422,12 +98,6 @@ export var wheelDeltaY = function (jQueryEvent) {
     return delta;
 };
 
-export var now = function () {
-    return Number(new Date());
-};
-
-export var noop = function () {};
-
 export var renderPos = function (pos) {
     var result = [];
 

package/dist/es/map/zoom.js

@@ -5,12 +5,12 @@ import {
     keys,
     hasClasses,
     setDefaultOptions,
-    renderIcon
+    renderIcon,
+    on,
+    off,
 } from '../common';
 
 import {
-    on,
-    off,
     setDefaultEvents,
     convertToHtml
 } from './utils';

package/dist/es/sankey/label.js

@@ -17,10 +17,15 @@ export var Label = (function (SankeyElement) {
     Label.prototype.getElement = function getElement () {
         var options = deepExtend({}, this.options, this.options.node.label);
         var node = options.node;
-        var totalWidth = options.totalWidth;
-        var position = options.position;
+        var diagramMinX = options.diagramMinX;
+        var diagramMaxX = options.diagramMaxX;
         var text = options.text;
         var offset = options.offset;
+        var rtl = options.rtl;
+        var position = options.position;
+        if (rtl && position !== INSIDE) {
+            position = position === BEFORE ? AFTER : BEFORE;
+        }
 
         if (!options.visible || !text) {
             return null;
@@ -28,13 +33,20 @@ export var Label = (function (SankeyElement) {
 
         var nodeBox = new Box(node.x0, node.y0, node.x1, node.y1);
         var visualOptions = this.visualOptions();
+        if (rtl && !visualOptions.align) {
+            visualOptions.align = 'right';
+        }
         var textbox = new TextBox(text, visualOptions);
         textbox.reflow(new Box());
         var textSizeBox = textbox.box;
-
-        var goesOutside = node.x1 + textSizeBox.width() > totalWidth;
         var textY = nodeBox.center().y - (textSizeBox.height() / 2);
-        var side = position === BEFORE || (position === INSIDE && goesOutside) ? BEFORE : AFTER;
+
+        var labelAfterLastNode = node.x1 + textSizeBox.width() > diagramMaxX;
+        var labelBeforeFirstNode = node.x0 - textSizeBox.width() < diagramMinX;
+        var side = position === BEFORE || (position === INSIDE && labelAfterLastNode) ? BEFORE : AFTER;
+        if (rtl) {
+            side = position === AFTER || (position === INSIDE && labelBeforeFirstNode) ? AFTER : BEFORE;
+        }
         var textOrigin = [side === BEFORE ? node.x0 - textSizeBox.width() : node.x1, textY];
 
         var textRect = new Box(textOrigin[0], textOrigin[1], textOrigin[0] + textSizeBox.width(), textOrigin[1] + textSizeBox.height());
@@ -67,11 +79,13 @@ setDefaultOptions(Label, {
     position: INSIDE, // inside, before, after
 });
 
-export var resolveLabelOptions = function (node, options, totalWidth) { return deepExtend({},
+export var resolveLabelOptions = function (node, options, rtl, diagramMinX, diagramMaxX) { return deepExtend({},
     options,
     {
         node: node,
-        totalWidth: totalWidth,
+        diagramMinX: diagramMinX,
+        diagramMaxX: diagramMaxX,
+        rtl: rtl,
         visual: node.label.visual,
         visible: node.label.visible,
         margin: node.label.margin,

package/dist/es/sankey/legend.js

@@ -1,7 +1,7 @@
 import { default as ChartLegend } from "../chart/legend/legend";
 import { SankeyElement } from "./element";
 import { setDefaultOptions } from '../common';
-import { BOTTOM, CENTER, POINTER } from "../common/constants";
+import { BOTTOM, CENTER, LEFT, POINTER, RIGHT } from "../common/constants";
 import { AREA } from "../chart/constants";
 
 var sortData = function (a, b) {
@@ -11,6 +11,15 @@ var sortData = function (a, b) {
     return a.node.y0 - b.node.y0;
 };
 
+var sortDataRTL = function (a, b) {
+    if (a.node.x1 - b.node.x1 !== 0) {
+        return a.node.x1 - b.node.x1;
+    }
+    return b.node.y0 - a.node.y0;
+};
+
+var sort = function (rtl) { return (rtl ? sortDataRTL : sortData); };
+
 export var Legend = (function (SankeyElement) {
     function Legend () {
         SankeyElement.apply(this, arguments);
@@ -23,8 +32,10 @@ export var Legend = (function (SankeyElement) {
     Legend.prototype.getElement = function getElement () {
         var options = this.options;
         var drawingRect = options.drawingRect;
+        var rtl = options.rtl;
         var nodes = options.nodes; if ( nodes === void 0 ) nodes = [];
         var item = options.item;
+        var position = options.position;
 
         if (options.visible === false || !nodes.length) {
             return null;
@@ -36,12 +47,13 @@ export var Legend = (function (SankeyElement) {
                 background: item.areaBackground !== undefined ? item.areaBackground : node.color,
                 opacity: item.areaOpacity !== undefined ? item.areaOpacity : node.opacity
             },
-            node: node,
+            node: node
         }); });
 
-        data.sort(sortData);
+        data.sort(sort(rtl));
 
-        var legend = new ChartLegend(Object.assign({}, options, {data: data}));
+        var reverse = rtl && position !== LEFT && position !== RIGHT;
+        var legend = new ChartLegend(Object.assign({}, options, {data: data, reverse: reverse}), { rtl: rtl });
         legend.reflow(drawingRect);
 
         legend.renderVisual();

package/dist/es/sankey/link.js

@@ -44,7 +44,7 @@ var angelBetweenTwoLines = function (line1, line2) {
     return Math.abs(a1 - a2);
 };
 
-var calculateControlPointsOffsetX = function (link) {
+var calculateControlPointsOffsetX = function (link, rtl) {
     var x0 = link.x0;
     var x1 = link.x1;
     var y0 = link.y0;
@@ -76,7 +76,12 @@ var calculateControlPointsOffsetX = function (link) {
     // Another option is to assume the triangle is isosceles
     // => offset = Math.sqrt(2) * upperNarrowness;
 
-    return y0 - y1 > 0 ? (-1) * offset : offset;
+    var sign = y0 - y1 > 0 ? (-1) : 1;
+    if (rtl) {
+        sign = -sign;
+    }
+
+    return sign * offset;
 };
 
 export var Link = (function (SankeyElement) {
@@ -129,7 +134,9 @@ export var Link = (function (SankeyElement) {
         if (!this.options.navigatable) {
             return;
         }
-        var link = this.options.link;
+        var ref = this.options;
+        var link = ref.link;
+        var rtl = ref.rtl;
         var x0 = link.x0;
         var x1 = link.x1;
         var y0 = link.y0;
@@ -137,7 +144,7 @@ export var Link = (function (SankeyElement) {
         var xC = (x0 + x1) / 2;
         var halfWidth = link.width / 2;
 
-        var offset = calculateControlPointsOffsetX(link);
+        var offset = calculateControlPointsOffsetX(link, rtl);
 
         this._highlight = new drawing.Path({ stroke: this.options.focusHighlight, visible: false })
             .moveTo(x0, y0 + halfWidth)