@progress/kendo-react-inputs 5.7.0-sig.202208281415 → 5.7.0

package/src/colors/models/palette-presets.ts

@@ -1,54 +0,0 @@
-/* eslint-disable max-len */
-/**
- * @hidden
- */
-export const PALETTEPRESETS = {
-    basic: {
-        colors: ['#000000', '#7f7f7f', '#880015', '#ed1c24', '#ff7f27', '#fff200', '#22b14c', '#00a2e8', '#3f48cc', '#a349a4', ' ffffff', '#c3c3c3', '#b97a57', '#ffaec9', '#ffc90e', '#efe4b0', '#b5e61d', '#99d9ea', '#7092be', '#c8bfe7'],
-        columns: 10
-    },
-    office: {
-        colors: ['#ffffff', '#000000', '#e6e6e6', '#435569', '#4371c4', '#ed7e32', '#a5a4a5', '#febf04', '#5a9bd5', '#71ae48', '#f2f2f3', '#7f7f7f', '#d1cece', '#d5dde3', '#dae1f4', '#fce5d4', '#deeded', '#fff2cc', '#deeaf6', '#e1efd9', '#d7d8d8', '#585959', '#aeabab', '#adbaca', '#b4c5e7', '#f6caac', '#dbdbdb', '#ffe498', '#bcd6ee', '#c5e0b2', '#bfbfc0', '#3f3f3f', '#767070', '#8595b1', '#8fabdb', '#f5b183', '#c9c8c9', '#fed965', '#9bc4e5', '#a8d08d', '#a5a5a6', '#262625', '#393939', '#334050', '#2e5496', '#c45a11', '#7b7b7a', '#bf9000', '#2f75b5', '#548235', '#7f7f7f', '#0b0c0c', '#161616', '#222a34', '#203764', '#843d0b', '#525252', '#7f6000', '#1d4d79', '#375623'],
-        columns: 10
-    },
-    apex: {
-        colors: ['#ffffff', '#000000', '#c9c2d1', '#69676d', '#ceb966', '#9cb084', '#6bb1c9', '#6585cf', '#7e6bc9', '#a379bb', '#f2f2f2', '#7f7f7f', '#f4f2f5', '#e0e0e2', '#f5f1e0', '#ebefe6', '#e1eff4', '#e0e6f5', '#e5e1f4', '#ece4f1', '#d8d8d8', '#595959', '#e9e6ec', '#c2c1c5', '#ebe3c1', '#d7dfcd', '#c3dfe9', '#c1ceeb', '#cbc3e9', '#dac9e3', '#bfbfbf', '#3f3f3f', '#dedae3', '#a4a3a8', '#e1d5a3', '#c3cfb5', '#a6d0de', '#a2b5e2', '#b1a6de', '#c7aed6', '#a5a5a5', '#262626', '#9688a5', '#4e4d51', '#ae9638', '#758c5a', '#3d8da9', '#365bb0', '#533da9', '#7d4d99', '#7f7f7f', '#0c0c0c', '#635672', '#343336', '#746425', '#4e5d3c', '#295e70', '#243c75', '#372970', '#533366'],
-        columns: 10
-    },
-    austin: {
-        colors: ['#ffffff', '#000000', '#caf278', '#3e3d2d', '#94c600', '#71685a', '#ff6700', '#909465', '#956b43', '#fea022', '#f2f2f2', '#7f7f7f', '#f4fce4', '#dddcd0', '#efffc0', '#e3e1dc', '#ffe0cb', '#e8e9df', '#ece1d6', '#feecd2', '#d8d8d8', '#595959', '#e9f9c9', '#bbb9a1', '#dfff82', '#c8c3ba', '#ffc299', '#d2d4c0', '#dac3ad', '#fed9a6', '#bfbfbf', '#3f3f3f', '#dff7ae', '#ada598', '#cfff43', '#ada598', '#ffa365', '#bcbfa1', '#c8a585', '#fec67a', '#a5a5a5', '#262626', '#a9ea25', '#2e2d21', '#6f9400', '#544e43', '#bf4d00', '#6c6f4b', '#6f5032', '#d77b00', '#7f7f7f', '#0c0c0c', '#74a50f', '#1f1e16', '#4a6300', '#38342d', '#7f3300', '#484a32', '#4a3521', '#8f5200'],
-        columns: 10
-    },
-    clarity: {
-        colors: ['#ffffff', '#292934', '#f3f2dc', '#d2533c', '#93a299', '#ad8f67', '#726056', '#4c5a6a', '#808da0', '#79463d', '#f2f2f2', '#e7e7ec', '#e7e5b9', '#f6dcd8', '#e9ecea', '#eee8e0', '#e4dedb', '#d8dde3', '#e5e8ec', '#e9d6d3', '#d8d8d8', '#c4c4d1', '#d5d185', '#edbab1', '#d3d9d6', '#ded2c2', '#c9beb8', '#b2bcc8', '#ccd1d9', '#d3aea7', '#bfbfbf', '#8a8aa3', '#aca73b', '#e4978a', '#bec7c1', '#cdbba3', '#af9e94', '#8c9bac', '#b2bac6', '#bd857c', '#a5a5a5', '#56566e', '#56531d', '#a43925', '#6b7c72', '#866b48', '#554840', '#39434f', '#5c697b', '#5a342d', '#7f7f7f', '#3b3b4b', '#22210b', '#6d2619', '#47534c', '#594730', '#39302b', '#262d35', '#3d4652', '#3c231e'],
-        columns: 10
-    },
-    slipstream: {
-        colors: ['#ffffff', '#000000', '#b4dcfa', '#212745', '#4e67c8', '#5eccf3', '#a7ea52', '#5dceaf', '#ff8021', '#f14124', '#f2f2f2', '#7f7f7f', '#8bc9f7', '#c7cce4', '#dbe0f4', '#def4fc', '#edfadc', '#def5ef', '#ffe5d2', '#fcd9d3', '#d8d8d8', '#595959', '#4facf3', '#909aca', '#b8c2e9', '#beeafa', '#dbf6b9', '#beebdf', '#ffcca6', '#f9b3a7', '#bfbfbf', '#3f3f3f', '#0d78c9', '#5967af', '#94a3de', '#9ee0f7', '#caf297', '#9de1cf', '#ffb279', '#f68d7b', '#a5a5a5', '#262626', '#063c64', '#181d33', '#31479f', '#11b2eb', '#81d319', '#34ac8b', '#d85c00', '#c3260c', '#7f7f7f', '#0c0c0c', '#021828', '#101322', '#202f6a', '#0b769c', '#568c11', '#22725c', '#903d00', '#821908'],
-        columns: 10
-    },
-    metro: {
-        colors: ['#ffffff', '#000000', '#d6ecff', '#4e5b6f', '#7fd13b', '#ea157a', '#feb80a', '#00addc', '#738ac8', '#1ab39f', '#f2f2f2', '#7f7f7f', '#a7d6ff', '#d9dde4', '#e5f5d7', '#fad0e4', '#fef0cd', '#c5f2ff', '#e2e7f4', '#c9f7f1', '#d8d8d8', '#595959', '#60b5ff', '#b3bcca', '#cbecb0', '#f6a1c9', '#fee29c', '#8be6ff', '#c7d0e9', '#94efe3', '#bfbfbf', '#3f3f3f', '#007dea', '#8d9baf', '#b2e389', '#f272af', '#fed46b', '#51d9ff', '#aab8de', '#5fe7d5', '#a5a5a5', '#262626', '#003e75', '#3a4453', '#5ea226', '#af0f5b', '#c58c00', '#0081a5', '#425ea9', '#138677', '#7f7f7f', '#0c0c0c', '#00192e', '#272d37', '#3f6c19', '#750a3d', '#835d00', '#00566e', '#2c3f71', '#0c594f'],
-        columns: 10
-    },
-    flow: {
-        colors: ['#ffffff', '#000000', '#dbf5f9', '#04617b', '#0f6fc6', '#009dd9', '#0bd0d9', '#10cf9b', '#7cca62', '#a5c249', '#f2f2f2', '#7f7f7f', '#b2e9f2', '#b4ecfc', '#c7e2fa', '#c4eeff', '#c9fafc', '#c9faed', '#e4f4df', '#edf2da', '#d8d8d8', '#595959', '#76d9e8', '#6adafa', '#90c6f6', '#89deff', '#93f5f9', '#94f6db', '#cae9c0', '#dbe6b6', '#bfbfbf', '#3f3f3f', '#21b2c8', '#20c8f7', '#59a9f2', '#4fceff', '#5df0f6', '#5ff2ca', '#b0dfa0', '#c9da91', '#a5a5a5', '#262626', '#105964', '#02485c', '#0b5394', '#0075a2', '#089ca2', '#0b9b74', '#54a838', '#7e9532', '#7f7f7f', '#0c0c0c', '#062328', '#01303d', '#073763', '#004e6c', '#05686c', '#07674d', '#387025', '#546321'],
-        columns: 10
-    },
-    hardcover: {
-        colors: ['#ffffff', '#000000', '#ece9c6', '#895d1d', '#873624', '#d6862d', '#d0be40', '#877f6c', '#972109', '#aeb795', '#f2f2f2', '#7f7f7f', '#e1dca5', '#f2e0c6', '#f0d0c9', '#f6e6d5', '#f5f2d8', '#e7e5e1', '#fbc7bc', '#eef0e9', '#d8d8d8', '#595959', '#d0c974', '#e6c28d', '#e2a293', '#eeceaa', '#ece5b2', '#cfccc3', '#f78f7a', '#dee2d4', '#bfbfbf', '#3f3f3f', '#a29a36', '#daa454', '#d4735e', '#e6b681', '#e2d88c', '#b7b2a5', '#f35838', '#ced3bf', '#a5a5a5', '#262626', '#514d1b', '#664515', '#65281a', '#a2641f', '#a39428', '#655f50', '#711806', '#879464', '#7f7f7f', '#0c0c0c', '#201e0a', '#442e0e', '#431b11', '#6c4315', '#6d621a', '#433f35', '#4b1004', '#5a6243'],
-        columns: 10
-    },
-    trek: {
-        colors: ['#ffffff', '#000000', '#fbeec9', '#4e3b30', '#f0a22e', '#a5644e', '#b58b80', '#c3986d', '#a19574', '#c17529', '#f2f2f2', '#7f7f7f', '#f7e09e', '#e1d6cf', '#fcecd5', '#eddfda', '#f0e7e5', '#f3eae1', '#ece9e3', '#f5e3d1', '#d8d8d8', '#595959', '#f3cc5f', '#c4ad9f', '#f9d9ab', '#dcc0b6', '#e1d0cc', '#e7d5c4', '#d9d4c7', '#ebc7a3', '#bfbfbf', '#3f3f3f', '#d29f0f', '#a78470', '#f6c781', '#cba092', '#d2b9b2', '#dbc1a7', '#c6bfab', '#e1ac76', '#a5a5a5', '#262626', '#694f07', '#3a2c24', '#c87d0e', '#7b4b3a', '#926255', '#a17242', '#7b7153', '#90571e', '#7f7f7f', '#0c0c0c', '#2a1f03', '#271d18', '#855309', '#523226', '#614138', '#6b4c2c', '#524b37', '#603a14'],
-        columns: 10
-    },
-    verve: {
-        colors: ['#ffffff', '#000000', '#d2d2d2', '#666666', '#ff388c', '#e40059', '#9c007f', '#68007f', '#005bd3', '#00349e', '#f2f2f2', '#7f7f7f', '#bdbdbd', '#e0e0e0', '#ffd7e8', '#ffc6dc', '#ffb8f1', '#f1b2ff', '#c3dcff', '#b8cfff', '#d8d8d8', '#595959', '#9d9d9d', '#c1c1c1', '#ffafd1', '#ff8eba', '#ff71e4', '#e365ff', '#87baff', '#72a0ff', '#bfbfbf', '#3f3f3f', '#696969', '#a3a3a3', '#ff87ba', '#ff5597', '#ff2ad7', '#d519ff', '#4b98ff', '#2b71ff', '#a5a5a5', '#262626', '#343434', '#4c4c4c', '#e90062', '#ab0042', '#75005f', '#4e005f', '#00449e', '#002676', '#7f7f7f', '#0c0c0c', '#151515', '#333333', '#9b0041', '#72002c', '#4e003f', '#34003f', '#002d69', '#00194f'],
-        columns: 10
-    },
-    monochrome: {
-        colors: ['#000000', '#1a1a1a', '#333333', '#4d4d4d', '#666666', '#808080', '#999999', '#b3b3b3', '#cccccc', '#e6e6e6', '#f2f2f2', '#ffffff'],
-        columns: 12
-    }
-};

package/src/colors/models/rgb.ts

@@ -1,8 +0,0 @@
-/**
- * @hidden
- */
-export interface RGB {
-    r?: number;
-    g?: number;
-    b?: number;
-}

package/src/colors/models/rgba.ts

@@ -1,9 +0,0 @@
-/**
- * @hidden
- */
-export interface RGBA {
-    r?: number;
-    g?: number;
-    b?: number;
-    a?: number;
-}

package/src/colors/models/table-cell.ts

@@ -1,7 +0,0 @@
-/**
- * @hidden
- */
-export interface TableCell {
-    row: number;
-    col: number;
-}

package/src/colors/models/tile-size.ts

@@ -1,8 +0,0 @@
-/**
- * Specifies the size of a color cell.
- *
- * The possible values are:
- * * (Default) `number = 24`
- * * `{ width: number, height: number }`
- */
-export type TileSize = { width: number; height: number };

package/src/colors/utils/color-cache.ts

@@ -1,71 +0,0 @@
-import { HSVA } from '../models/hsva';
-import { RGBA } from '../models/rgba';
-
-const cache: any = {};
-
-/**
- * @hidden
- */
-export function cacheHsva(componentGuid: string, value: string, hsva: HSVA) {
-    cache[componentGuid] = { value, hsva };
-}
-
-/**
- * @hidden
- */
-export function cacheRgba(componentGuid: string, value: string, rgba: RGBA) {
-    cache[componentGuid] = { value, rgba };
-}
-
-/**
- * @hidden
- */
-export function cacheHex(componentGuid: string, value: string, hex: string) {
-    cache[componentGuid] = { value, hex };
-}
-
-/**
- * @hidden
- */
-export function removeCachedColor(componentGuid: string) {
-    delete cache[componentGuid];
-}
-
-/**
- * @hidden
- */
-export function getCachedHex(componentGuid: string | undefined, value: string) {
-    if (componentGuid) {
-        const cachedColor = cache[componentGuid];
-
-        return cachedColor && cachedColor.value === value ? cachedColor.hex : undefined;
-    } else {
-        return undefined;
-    }
-}
-
-/**
- * @hidden
- */
-export function getCachedHsva(componentGuid: string | undefined, value: string) {
-    if (componentGuid) {
-        const cachedColor = cache[componentGuid];
-
-        return cachedColor && cachedColor.value === value ? cachedColor.hsva : undefined;
-    } else {
-        return undefined;
-    }
-}
-
-/**
- * @hidden
- */
-export function getCachedRgba(componentGuid: string | undefined, value: string) {
-    if (componentGuid) {
-        const cachedColor = cache[componentGuid];
-
-        return cachedColor && cachedColor.value === value ? cachedColor.rgba : undefined;
-    } else {
-        return undefined;
-    }
-}

package/src/colors/utils/color-palette.service.ts

@@ -1,79 +0,0 @@
-import { TableCell } from '../models/table-cell';
-import { isPresent } from './misc';
-import { parseColor } from '@progress/kendo-drawing';
-
-/**
- * @hidden
- */
-export class ColorPaletteService {
-    public colorRows: string[][] = [];
-
-    public setColorMatrix(palette: string[], columns: number): void {
-        this.colorRows = [];
-
-        if (!(isPresent(palette) && palette.length)) {
-            return;
-        }
-
-        columns = columns || palette.length;
-
-        for (let start = 0; start < palette.length; start += columns) {
-            const row = palette.slice(start, columns + start);
-            this.colorRows.push(row);
-        }
-    }
-
-    public getCellCoordsFor(color?: string): TableCell | undefined {
-        if (!isPresent(color)) {
-            return;
-        }
-
-        const parsedColor = color ? parseColor(color, true) : color;
-        const colors = [ color ];
-
-        if (isPresent(parsedColor)) {
-            colors.push(parsedColor.toCss(), parsedColor.toCssRgba());
-        }
-
-        for (let row = 0; row < this.colorRows.length; row++) {
-            for (let col = 0; col < this.colorRows[row].length; col++) {
-                if (colors.some(c => c === this.colorRows[row][col])) {
-                    return { row, col };
-                }
-            }
-        }
-    }
-
-    public getColorAt(cellCoords: TableCell): string | undefined {
-        if (!(isPresent(cellCoords) && isPresent(this.colorRows[cellCoords.row]))) {
-            return;
-        }
-
-        return this.colorRows[cellCoords.row][cellCoords.col];
-    }
-
-    public getNextCell(current: TableCell, horizontalStep: number, verticalStep: number): TableCell {
-        if (!(isPresent(current) && isPresent(current.row) && isPresent(current.col))) {
-            return { row: 0, col: 0 };
-        }
-
-        const row = this.clampIndex(current.row + verticalStep, this.colorRows.length - 1);
-        const col = this.clampIndex(current.col + horizontalStep, this.colorRows[row].length - 1);
-
-        return { row, col };
-    }
-
-    private clampIndex(index: number, max: number): number {
-        const minArrayIndex = 0;
-
-        if (index < minArrayIndex) {
-            return minArrayIndex;
-        }
-
-        if (index > max) {
-            return max;
-        }
-
-        return index;
-    }
-}

package/src/colors/utils/color-parser.ts

@@ -1,158 +0,0 @@
-import { parseColor as parse, Color } from '@progress/kendo-drawing';
-
-import { HSVA } from '../models/hsva';
-import { OutputFormat } from '../models/output-format';
-import { RGB } from '../models/rgb';
-import { RGBA } from '../models/rgba';
-import { isPresent, fitIntoBounds } from './misc';
-
-/**
- * @hidden
- *
- * Returns the hex or RGBA string representation of the color.
- */
-export const parseColor = (value: string, format: OutputFormat, safe: boolean = true): string | undefined => {
-    const allowedFormats: Array<string> = ['hex', 'rgba']; // TODO: constant?
-    // Angular supports third type: name : const allowedFormats: Array<string> = ['hex', 'rgba', 'name'];
-    if (allowedFormats.indexOf(format) === -1) {
-        throw new Error(`Unsupported color output format '${format}'. The available options are 'hex' or 'rgba'.`);
-    }
-
-    if (!isPresent(value)) {
-        return;
-    }
-
-    const parsedColor = parse(value.trim(), safe);
-
-    if (!isPresent(parsedColor)) {
-        return;
-    }
-
-    return format === 'hex' ? parsedColor.toCss() : parsedColor.toCssRgba();
-};
-
-/**
- * @hidden
- *
- * Returns an HSV object representation of the color string.
- */
-export const getHSV = (value: string, safe: boolean = true): HSVA => {
-    const parsed = parse(value, safe);
-    if (!isPresent(parsed)) {
-        return {};
-    }
-
-    return parsed.toHSV();
-};
-
-/**
- * @hidden
- *
- * Returns an RGBA object representation of the color string.
- */
-export const getRGBA = (value: string, safe: boolean = true): RGBA => {
-    const parsed = parse(value, safe);
-    if (!isPresent(parsed)) {
-        return {};
-    }
-
-    return parsed.toBytes();
-};
-
-/**
- * @hidden
- *
- * Returns the RGBA string representation of the color.
- */
-export const getColorFromHSV = (hsva: HSVA): string => {
-    const hue = fitIntoBounds(hsva.h, 0, 359.9);
-    const saturation = fitIntoBounds(hsva.s, 0, 1);
-    const value = fitIntoBounds(hsva.v, 0, 1);
-    const alpha = fitIntoBounds(hsva.a, 0, 1);
-
-    return Color.fromHSV(hue, saturation, value, alpha).toCssRgba();
-};
-
-/**
- * @hidden
- *
- * Returns the RGBA string representation of the color based on the `hue` and
- * assuming the `value`, `saturation`, and `alpha` have a value of `1`.
- */
-export const getColorFromHue = (hue: number): string => {
-    return getColorFromHSV({ h: hue, s: 1, v: 1, a: 1 });
-};
-
-/**
- * @hidden
- *
- * Returns the RGBA string representation of the color.
- */
-export const getColorFromRGBA = (rgba: RGBA): string => {
-    const red = fitIntoBounds(rgba.r, 0, 255);
-    const green = fitIntoBounds(rgba.g, 0, 255);
-    const blue = fitIntoBounds(rgba.b, 0, 255);
-    const alpha = fitIntoBounds(rgba.a, 0, 1);
-
-    return Color.fromBytes(red, green, blue, alpha).toCssRgba();
-};
-
-/**
- * @hidden
- *
- * Returns the RGB object representation of the color based on the background color.
- */
-export const getRGBFromRGBA = (foregroundColor: RGBA, backgroundColor: RGBA): RGB => {
-    const r1 = fitIntoBounds(foregroundColor.r, 0, 255);
-    const g1 = fitIntoBounds(foregroundColor.g, 0, 255);
-    const b1 = fitIntoBounds(foregroundColor.b, 0, 255);
-    const a1 = fitIntoBounds(foregroundColor.a, 0, 1);
-
-    const r2 = fitIntoBounds(backgroundColor.r, 0, 255);
-    const g2 = fitIntoBounds(backgroundColor.g, 0, 255);
-    const b2 = fitIntoBounds(backgroundColor.b, 0, 255);
-
-    return {
-        r: Math.round(((1 - a1) * r2) + (a1 * r1)),
-        g: Math.round(((1 - a1) * g2) + (a1 * g1)),
-        b: Math.round(((1 - a1) * b2) + (a1 * b1))
-    };
-};
-
-/**
- * @hidden
- *
- * Returns the relative luminance.
- */
-export const getLuminance = (rgb: RGB) => {
-    let a: number[] = [rgb.r || 0, rgb.g || 0, rgb.b || 0].map(function (v: number) {
-        v /= 255;
-        return v <= 0.03928
-            ? v / 12.92
-            : Math.pow((v + 0.055) / 1.055, 2.4);
-    });
-    return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-};
-
-/**
- * @hidden
- *
- * Returns the color contrast.
- */
-export const getContrast = (luminance1: number, luminance2: number) => {
-    const brightest = Math.max(luminance1, luminance2);
-    const darkest = Math.min(luminance1, luminance2);
-    return (brightest + 0.05)
-        / (darkest + 0.05);
-};
-
-/**
- * @hidden
- *
- * Returns the color contrast from two RGBA colors.
- */
-export const getContrastFromTwoRGBAs = (a: RGBA, b: RGBA) => {
-    return getContrast(
-        getLuminance(getRGBFromRGBA(a, b)),
-        getLuminance(getRGBFromRGBA(b, { r: 0, g: 0, b: 0, a: 1 })));
-};

package/src/colors/utils/misc.ts

@@ -1,23 +0,0 @@
-
-/**
- * @hidden
- */
-export const isPresent = (value: any): boolean => value !== null && value !== undefined;
-
-/**
- * @hidden
- *
- * Fits the contender number into the specified bounds.
- * If the number is NaN or null, the minimum is returned.
- *
- * @param contender Represents the number you want to fit into the specified bounds.
- * @param min The inclusive lower bound number.
- * @param max The inclusive upper bound number.
- */
-export const fitIntoBounds = (contender: number | undefined, min: number, max: number): number => {
-    if (!isPresent(contender) || isNaN(contender!)) {
-        return min;
-    }
-
-    return contender! <= min ? min : contender! >= max ? max : contender!;
-};

package/src/colors/utils/svg-calc.ts

@@ -1,115 +0,0 @@
-/**
- * @hidden
- *
- * Render the svg <path> element.
- *
- * @param points (array) Represents the points coordinates as an array of tuples.
- * @param command (function) The command that is used (bezierCommand, lineCommand).
- *      @param point (array) [x,y] Represents the current point coordinates.
- *      @param i (integer) Represents the index of 'point' in the array 'a'.
- *      @param a (array) Represents the complete array of points coordinates.
- *      @output (string) a svg path command.
- * @output (string) a Svg <path> element
- */
-export const svgPath = (points: number[][], command: Function) => {
-    if (points.length === 0){
-        return '';
-    }
-    // build the d attributes by looping over the points
-    const d = points.reduce(
-        (acc, point, i, a) => 
-            i === 0 ?
-            // if first point
-                `M ${point[0]},${point[1]}` :
-            // else
-                `${acc} ${command(point, i, a)}`,
-        ''
-    );
-
-    return `<path d="${d}" fill="none" stroke="white" stroke-width="1"/>`;
-};
-
-/**
- * @hidden
- *
- * Returns the properties of a line.
- *
- * @param pointA (array) [x,y] Represents the start point coordinates.
- * @param pointB (array) [x,y] Represents the end point coordinates.
- * @output (object) { length: (integer), angle: (integer) }
- */
-export const line = (pointA: number[], pointB: number[]) => {
-    const lengthX = pointB[0] - pointA[0];
-    const lengthY = pointB[1] - pointA[1];
-
-    return {
-        length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
-        angle: Math.atan2(lengthY, lengthX)
-    };
-};
-
-/**
- * @hidden
- *
- * Create a function to calculate the position of the control point.
- *
- * @param lineCalc (function) Represents the line function.
- *      @param pointA (array) [x,y] Represents the start point coordinates.
- *      @param pointB (array) [x,y] Represents the end point coordinates.
- *      @output (object) { length: (integer), angle: (integer) }
- * @output (function) closure.
- *      @param current (array) [x, y] Represents the current point coordinates.
- *      @param previous (array) [x, y] Represents the previous point coordinates.
- *      @param next (array) [x, y] ]Represents the next point coordinates.
- *      @param reverse (boolean, optional) Sets the direction.
- *      @output (array) [x, y] coordinates of a control point.
- */
-export const controlPoint = (lineCalc: Function) => 
-    (current: number[], previous: number[], next: number[], reverse?: boolean) => {
-    // when 'current' is the first or last point of the array
-    // 'previous' and 'next' are undefined 
-    // replace with 'current'
-        const p = previous || current;
-        const n = next || current;
-        const smooth = 0.1;
-
-        // properties of the line between previous and next 
-        const l = lineCalc(p, n);
-
-        // If is end-control-point, add PI to the angle to go backward
-        const angle = l.angle + (reverse ? Math.PI : 0);
-        const length = l.length * smooth;
-
-        // The control point position is relative to the current point
-        const x = current[0] + Math.cos(angle) * length;
-        const y = current[1] + Math.sin(angle) * length;
-
-        return [x, y];
-    };
-
-/**
- * @hidden
- *
- * Create a function to calculate a bezier curve command.
- *
- * @param controlPointCalc (function) Represents the controlPoint function.
- *      @param current (array) [x, y] Represents the current point coordinates.
- *      @param previous (array) [x, y] Represents the previous point coordinates.
- *      @param next (array) [x, y] ]Represents the next point coordinates.
- *      @param reverse (boolean, optional) Sets the direction.
- *      @output (array) [x, y] coordinates of a control point.
- * @output (function) closure.
- *      @param point (array) [x,y] Represents the current point coordinates.
- *      @param i (integer) Represents the index of 'point' in the array 'a'.
- *      @param a (array) Represents the complete array of points coordinates.
- *      @output (string) 'C x2,y2 x1,y1 x,y' Cubic bezier command.
- */
-export const bezierCommand = (controlPointCalc: Function) => (point: number[], i: number, a: number[]) => {
-    // start control point
-    const [cpsX, cpsY] = controlPointCalc(a[i - 1], a[i - 2], point);
-
-    // end control point
-    const [cpeX, cpeY] = controlPointCalc(point, a[i - 1], a[i + 1], true);
-
-    return `C ${cpsX},${cpsY} ${cpeX},${cpeY} ${point[0]},${point[1]}`;
-};

package/src/common/SliderTooltip.tsx

@@ -1,83 +0,0 @@
-import * as React from 'react';
-
-import { useAnimation } from '@progress/kendo-react-animation';
-
-/**
- * @hidden
- */
-export interface SliderTooltipProps {
-    id?: string;
-    className?: string;
-    tabIndex?: number;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-
-    position: 'right' | 'top';
-
-    show?: boolean;
-    anchor?: React.RefObject<HTMLElement>;
-}
-
-/**
- * @hidden
- */
-export const SliderTooltip = (props: SliderTooltipProps) => {
-    const tooltipRef = React.useRef<HTMLDivElement>(null);
-
-    const position = () => {
-        if (props.anchor && props.anchor.current && tooltipRef.current) {
-            const anchorRect = props.anchor.current.getBoundingClientRect();
-            const rect = tooltipRef.current.getBoundingClientRect();
-
-            const left = props.position === 'top'
-                ? (anchorRect.width / 2) - (rect.width / 2)
-                : (rect.height * 1);
-            const top = props.position === 'right'
-                ? (anchorRect.height / 2) - (rect.height / 2)
-                : -(rect.height * 1.5);
-
-            tooltipRef.current.style.left = `${left}px`;
-            tooltipRef.current.style.top = `${top}px`;
-        }
-    };
-
-    const handleAnimationStart = () => {
-        if (!tooltipRef.current) { return; }
-        tooltipRef.current.style.opacity = props.show ? '0' : '1';
-    };
-
-    const handleAnimationEnd = () => {
-        if (!tooltipRef.current) { return; }
-        tooltipRef.current.style.opacity = props.show ? '1' : '0';
-    };
-
-    const handleAnimationUpdate = (progress: any) => {
-        if (!tooltipRef.current) { return; }
-        tooltipRef.current.style.opacity = `${props.show ? progress : 1 - progress}`;
-    };
-
-    React.useEffect(position);
-
-    useAnimation(
-        {
-            appear: true,
-            duration: 300,
-            onStart: handleAnimationStart,
-            onUpdate: handleAnimationUpdate,
-            onEnd: handleAnimationEnd
-        },
-        [props.show]
-    );
-
-    return (
-      <div
-        ref={tooltipRef}
-        className="k-tooltip"
-        style={{ position: 'absolute' }}
-        >
-        <div className="k-tooltip-content">
-          {props.children}
-        </div>
-      </div>
-    );
-};