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

package/dist/es2015/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 */
 
-const defineProperty = Object.defineProperty;
-
 export const extend = Object.assign;
 
+export const proxy = (method, context) => {
+    return method.bind(context);
+};
+
 export let convertToHtml = (html) => {
     const div = document.createElement("div");
     div.innerHTML = html;
@@ -65,331 +63,9 @@ export let toPixels = (value) => {
     return result;
 };
 
-const detectOS = (ua) => {
-    let 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 (let 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 (let regex in regexes) {
-        if (hasOwnProperty(regexes, regex) && regexes[regex].test(agent)) {
-            return regex;
-        }
-    }
-    return dflt !== undefined ? dflt : agent;
-}
-
 export let hasNativeScrolling = (userAgent) => {
-    const os = detectOS(userAgent);
-    return os.ios || os.android;
-};
-
-const detectBrowser = (userAgent) => {
-    let 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 (let 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 let getEventMap = () => {
-    let eventMap = {
-        down: "touchstart mousedown",
-        move: "mousemove touchmove",
-        up: "mouseup touchend touchcancel",
-        cancel: "mouseleave touchcancel"
-    };
-
-    const 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 const getSupportedFeatures = () => {
-    const os = detectOS(navigator.userAgent);
-    const browser = detectBrowser(navigator.userAgent);
-
-    let chrome = browser.chrome,
-        mobileChrome = browser.crios,
-        mozilla = browser.mozilla,
-        safari = browser.safari;
-
-    const 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;
-
-    let table = document.createElement("table");
-
-    let transitions = support.transitions = false,
-        transforms = support.transforms = false;
-
-    const STRING = "string";
-
-    ["Moz", "webkit", "O", "ms"].forEach(function(prefix) {
-        let hasTransitions = typeof table.style[prefix + "Transition"] === STRING;
-
-        if (hasTransitions || typeof table.style[prefix + "Transform"] === STRING) {
-            let 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.
-                const meta = document.querySelector("meta[name=viewport]");
-                const contentAttr = meta ? meta.getAttribute("content") : "";
-                return !contentAttr.match(/user-scalable=no/i);
-            }
-        }
-
-        return false;
-    };
-
-    return support;
-};
-
-export const ownsElement = (parent, element) => {
-    if (!element) {
-        return false;
-    }
-
-    let node = element.parentNode;
-
-    while (node !== null) {
-        if (node === parent) {
-            return true;
-        }
-
-        node = node.parentNode;
-    }
-
-    return false;
-};
-
-export const contains = (parent, element) => {
-    return parent === element || ownsElement(parent, element);
-};
-
-export const proxy = (method, context) => {
-    return method.bind(context);
-};
-
-function isString(value) {
-    return typeof(value) === "string";
-}
-
-export const on = (element, events, filter, handler, useCapture) => {
-    addEventListeners(element, events, filter, handler, useCapture);
-};
-
-export const addEventListeners = (element, events, filter, handler, useCapture) => {
-    const eventNames = isArray(events) ? events : (events || "").split(" ");
-
-    eventNames.forEach(function(eventName) {
-        addEventListener(element, eventName, filter, handler, useCapture);
-    });
-};
-
-export const 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
-            defineProperty(e, "currentTarget", { value: currentTarget });
-            // keep a reference to the top-level target
-            defineProperty(e, "delegateTarget", { value: element });
-
-            eventHandler(e);
-        }
-    }, Boolean(useCapture));
-};
-
-export const off = (element, events, filter, handler, useCapture) => {
-    removeEventListeners(element, events, filter, handler, useCapture);
-};
-
-export const removeEventListeners = (element, events, handler, useCapture) => {
-    const eventNames = isArray(events) ? events : (events || "").split(" ");
-
-    eventNames.forEach(function(eventName) {
-        removeEventListener(element, eventName, handler, useCapture);
-    });
-};
-
-export const removeEventListener = (element, event, handler, useCapture) => {
-    element.removeEventListener(event, handler, Boolean(useCapture));
-};
-
-export const applyEventMap = (events) => {
-    const eventMap = getEventMap(navigator.userAgent);
-    function queryEventMap(e) {
-        return eventMap[e] || e;
-    }
-
-    const eventRegEx = /([^ ]+)/g;
-    const appliedEvents = events.replace(eventRegEx, queryEventMap);
-
-    return appliedEvents;
+    const { mobileOS } = getSupportedFeatures(userAgent);
+    return mobileOS.ios || mobileOS.android;
 };
 
 export const setDefaultEvents = (type, events) => {
@@ -406,8 +82,7 @@ export const setDefaultEvents = (type, events) => {
     }
 };
 
-export const wheelDeltaY = (jQueryEvent) => {
-    const e = jQueryEvent.originalEvent || jQueryEvent;
+export const wheelDeltaY = (e) => {
     const deltaY = e.wheelDeltaY;
     let delta;
 
@@ -422,12 +97,6 @@ export const wheelDeltaY = (jQueryEvent) => {
     return delta;
 };
 
-export const now = () => {
-    return Number(new Date());
-};
-
-export const noop = () => {};
-
 export const renderPos = (pos) => {
     let result = [];
 

package/dist/es2015/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/es2015/sankey/label.js

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

package/dist/es2015/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";
 
 const sortData = (a, b) => {
@@ -11,10 +11,19 @@ const sortData = (a, b) => {
     return a.node.y0 - b.node.y0;
 };
 
+const sortDataRTL = (a, b) => {
+    if (a.node.x1 - b.node.x1 !== 0) {
+        return a.node.x1 - b.node.x1;
+    }
+    return b.node.y0 - a.node.y0;
+};
+
+const sort = (rtl) => (rtl ? sortDataRTL : sortData);
+
 export class Legend extends SankeyElement {
     getElement() {
         const options = this.options;
-        const { drawingRect, nodes = [], item } = options;
+        const { drawingRect, rtl, nodes = [], item, position } = options;
 
         if (options.visible === false || !nodes.length) {
             return null;
@@ -26,12 +35,13 @@ export class Legend extends 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));
 
-        const legend = new ChartLegend(Object.assign({}, options, {data}));
+        const reverse = rtl && position !== LEFT && position !== RIGHT;
+        const legend = new ChartLegend(Object.assign({}, options, {data, reverse}), { rtl });
         legend.reflow(drawingRect);
 
         legend.renderVisual();

package/dist/es2015/sankey/link.js

@@ -31,7 +31,7 @@ const angelBetweenTwoLines = (line1, line2) => {
     return Math.abs(a1 - a2);
 };
 
-const calculateControlPointsOffsetX = (link) => {
+const calculateControlPointsOffsetX = (link, rtl) => {
     const { x0, x1, y0, y1 } = link;
     let xC = (x0 + x1) / 2;
 
@@ -60,7 +60,12 @@ const calculateControlPointsOffsetX = (link) => {
     // Another option is to assume the triangle is isosceles
     // => offset = Math.sqrt(2) * upperNarrowness;
 
-    return y0 - y1 > 0 ? (-1) * offset : offset;
+    let sign = y0 - y1 > 0 ? (-1) : 1;
+    if (rtl) {
+        sign = -sign;
+    }
+
+    return sign * offset;
 };
 
 export class Link extends SankeyElement {
@@ -102,12 +107,12 @@ export class Link extends SankeyElement {
         if (!this.options.navigatable) {
             return;
         }
-        const link = this.options.link;
+        const { link, rtl } = this.options;
         const { x0, x1, y0, y1 } = link;
         const xC = (x0 + x1) / 2;
         const halfWidth = link.width / 2;
 
-        const offset = calculateControlPointsOffsetX(link);
+        const offset = calculateControlPointsOffsetX(link, rtl);
 
         this._highlight = new drawing.Path({ stroke: this.options.focusHighlight, visible: false })
             .moveTo(x0, y0 + halfWidth)