@progress/kendo-charts 1.21.0 → 1.23.0-dev.202201120958

package/dist/es2015/map/utils.js

@@ -0,0 +1,450 @@
+import {
+    isFunction,
+    isArray
+} from '../common';
+
+/* eslint-disable arrow-body-style */
+
+const defineProperty = Object.defineProperty;
+
+export const extend = Object.assign;
+
+export let convertToHtml = (html) => {
+    const div = document.createElement("div");
+    div.innerHTML = html;
+    return div.firstChild;
+};
+
+export let appendHtml = (html, element) => {
+    const div = document.createElement('div');
+    div.innerHTML = html;
+
+    // use childNodes instead of children
+    // to cover text nodes as well
+    while (div.childNodes.length > 0) {
+        element.appendChild(div.childNodes[0]);
+    }
+};
+
+export let removeChildren = (element) => {
+    while (element.firstChild) {
+        element.removeChild(element.firstChild);
+    }
+};
+
+export let prepend = (element, originElement) => {
+    originElement.insertBefore(element, originElement.firstChild);
+};
+
+export let wrapInner = (parent, wrapper) => {
+    parent.appendChild(wrapper);
+
+    while (parent.firstChild !== wrapper) {
+        wrapper.appendChild(parent.firstChild);
+    }
+};
+
+export let toHyphens = (str) => {
+    const result = str.replace(/([a-z][A-Z])/g, function(g) {
+        return g.charAt(0) + '-' + g.charAt(1).toLowerCase();
+    });
+
+    return result;
+};
+
+export let toPixels = (value) => {
+    let result;
+
+    if (value && String(value).endsWith("px")) {
+        result = value;
+    } else {
+        result = String(value) + "px";
+    }
+
+    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 (agentRxs.hasOwnProperty(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 (regexes.hasOwnProperty(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 (browserRxs.hasOwnProperty(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));
+};
+
+const eventMap = getEventMap(navigator.userAgent);
+
+function queryEventMap(e) {
+    return eventMap[e] || e;
+}
+
+const eventRegEx = /([^ ]+)/g;
+
+export const applyEventMap = (events) => {
+    const appliedEvents = events.replace(eventRegEx, queryEventMap);
+
+    return appliedEvents;
+};
+
+export const setDefaultEvents = (type, events) => {
+    const proto = type.prototype;
+
+    if (proto.events) {
+        events.forEach(event => {
+            if (proto.events.indexOf(event) < 0) {
+                proto.events.push(event);
+            }
+        });
+    } else {
+        proto.events = events;
+    }
+};
+
+export const wheelDeltaY = (jQueryEvent) => {
+    const e = jQueryEvent.originalEvent || jQueryEvent;
+    const deltaY = e.wheelDeltaY;
+    let delta;
+
+    if (e.wheelDelta) { // Webkit and IE
+        if (deltaY === undefined || deltaY) { // IE does not have deltaY, thus always scroll (horizontal scrolling is treated as vertical)
+            delta = e.wheelDelta;
+        }
+    } else if (e.detail && e.axis === e.VERTICAL_AXIS) { // Firefox and Opera
+        delta = (-e.detail) * 10;
+    }
+
+    return delta;
+};
+
+export const guid = () => {
+    let id = "";
+    let i;
+    let random;
+
+    for (i = 0; i < 32; i++) {
+        random = Math.random() * 16 | 0;
+
+        if (i === 8 || i === 12 || i === 16 || i === 20) {
+            id += "-";
+        }
+
+        id += (i === 12 ? 4 : (i === 16 ? (random & 3 | 8) : random)).toString(16); // eslint-disable-line no-nested-ternary
+    }
+
+    return id;
+};
+
+export const now = () => {
+    return Number(new Date());
+};
+
+export const noop = () => {};
+
+/* eslint-enable arrow-body-style */

package/dist/es2015/map/zoom.js

@@ -0,0 +1,134 @@
+import {
+    deepExtend,
+    addClass,
+    keys,
+    hasClasses,
+    setDefaultOptions
+} from '../common';
+
+import {
+    Observable
+} from './scroller/observable';
+
+import {
+    on,
+    off,
+    setDefaultEvents,
+    convertToHtml
+} from './utils';
+
+function createButton(direction, iconClass) {
+    const html =
+        '<button class="k-button k-button-icon k-zoom-' + direction +
+            '" title="zoom-' + direction +
+            '" aria-label="zoom-' + direction + '">' +
+            '<span class="k-icon ' + iconClass + '">' + '</span>' +
+        '</button>';
+
+    return convertToHtml(html);
+}
+
+let PLUS = 187;
+let MINUS = 189;
+let FF_PLUS = 61;
+let FF_MINUS = 173;
+const CHANGE = "change";
+
+export class ZoomControl extends Observable {
+    constructor(element, options) {
+        super();
+        this.element = element;
+        this._initOptions(options);
+
+        const zoomInButton = createButton('in', 'k-i-plus');
+        const zoomOutButton = createButton('out', 'k-i-minus');
+
+        this.element.appendChild(zoomInButton);
+        this.element.appendChild(zoomOutButton);
+
+        addClass(this.element, 'k-widget k-zoom-control k-button-group k-group-horizontal');
+
+        this._clickHandler = this._click.bind(this);
+        on(this.element, "click", ".k-button", this._clickHandler);
+
+        let parentElement = this.element.parentNode.closest("[data-role]");
+
+        this._keyroot = parentElement ? parentElement : this.element;
+
+        this._tabindex(this._keyroot);
+
+        this._keydownHandler = this._keydown.bind(this);
+        on(this._keyroot, "keydown", this._keydownHandler);
+    }
+
+    destroy() {
+        if (this.element) {
+            off(this.element, "click", this._clickHandler);
+        }
+
+        if (this._keyroot) {
+            off(this._keyroot, 'keydown', this._keydownHandler);
+        }
+    }
+
+    _tabindex(target) {
+        const targetElement = target || this.wrapper || this.element;
+
+        let element = this.element,
+            TABINDEX = "tabindex",
+            tabindex = targetElement.getAttribute(TABINDEX) || element.getAttribute(TABINDEX);
+
+        element.removeAttribute(TABINDEX);
+
+        targetElement.setAttribute(TABINDEX, !isNaN(tabindex) ? tabindex : 0);
+    }
+
+    _initOptions(options) {
+        this.options = deepExtend({}, this.options, options);
+    }
+
+    _change(direction) {
+        let zoomStep = this.options.zoomStep;
+        this.trigger(CHANGE, { delta: direction * zoomStep });
+    }
+
+    _click(e) {
+        let button = e.currentTarget;
+        let direction = 1;
+
+        if (hasClasses(button, 'k-zoom-out')) {
+            direction = -1;
+        }
+
+        this._change(direction);
+        e.preventDefault();
+    }
+
+    /* eslint-disable indent */
+    _keydown(e) {
+        switch (e.which) {
+            case keys.NUMPAD_PLUS:
+            case PLUS:
+            case FF_PLUS:
+                this._change(1);
+                break;
+            case keys.NUMPAD_MINUS:
+            case MINUS:
+            case FF_MINUS:
+                this._change(-1);
+                break;
+            default:
+                break;
+        }
+    }
+    /* eslint-enable indent */
+}
+
+setDefaultOptions(ZoomControl, {
+    name: 'ZoomControl',
+    zoomStep: 1
+});
+
+setDefaultEvents(ZoomControl, [
+    CHANGE
+]);

package/dist/es2015/map.js

@@ -0,0 +1 @@
+export { default as Map } from './map/map';

package/dist/es2015/qrcode/qrcode-validator.js

@@ -0,0 +1,22 @@
+import { encodeData } from './encodings/encoding';
+
+const ISO = 'ISO_8859_1';
+
+function qrcodeValidator(encoding = ISO) {
+    return function(value) {
+        try {
+            encodeData(value, 'L', encoding);
+        } catch (error) {
+            return {
+                valid: false,
+                error
+            };
+        }
+
+        return {
+            valid: true
+        };
+    };
+}
+
+export default qrcodeValidator;

package/dist/es2015/qrcode.js

@@ -1 +1,2 @@
 export { default as QRCode } from './qrcode/qrcode';
+export { default as qrcodeValidator } from './qrcode/qrcode-validator';

package/dist/es2015/services/map-service.js

@@ -0,0 +1,15 @@
+class MapService {
+    constructor(widget, context = {}) {
+        this.sender = context.sender || widget;
+        this.widget = widget;
+        this.rtl = Boolean(context.rtl);
+    }
+
+    notify(name, args) {
+        if (this.widget) {
+            this.widget.trigger(name, args);
+        }
+    }
+}
+
+export default MapService;

package/dist/npm/barcode.d.ts

@@ -1,5 +1,6 @@
-import { Group } from '@progress/kendo-drawing';
+import { Group, geometry } from '@progress/kendo-drawing';
 import { Border, Margin, Padding, RenderMode } from './field-types';
+import { ValidationResult } from './validation';
 
 /**
  * Supported symbologies (encodings) for the Barcode component.
@@ -130,3 +131,5 @@ export class Barcode {
     public setOptions(options: BarcodeOptions): void;
     public exportVisual(): Group;
 }
+
+export function barcodeValidator(type: BarcodeType, size: geometry.Size): (value: number | string) => ValidationResult;

package/dist/npm/main.d.ts

@@ -6,7 +6,9 @@ export * from './stock';
 export * from './gauges';
 export * from './barcode';
 export * from './qrcode';
+export * from './map';
 export * from './common';
 export * from './field-types'
+export * from './validation';
 
 export function chartBaseTheme(): any;