@oliasoft-open-source/charts-library 5.0.0-beta-2 → 5.0.0-beta-3

package/dist/bar-chart/bar-chart-const.d.ts

@@ -0,0 +1,2 @@
+export declare const DISPLAY_SCIENTIFIC_LOWER_BOUND = 0.0001;
+export declare const DISPLAY_SCIENTIFIC_UPPER_BOUND = 10000000;

package/dist/bar-chart/bar-chart-default-props.d.ts

@@ -0,0 +1,2 @@
+import { IBarChartProps, IBarDefaultProps } from './bar-chart.interface';
+export declare const getDefaultProps: (props: IBarChartProps) => IBarDefaultProps;

package/dist/bar-chart/bar-chart.d.ts

@@ -0,0 +1,3 @@
+import { IBarChartProps } from './bar-chart.interface';
+declare const BarChartWithLegend: (props: IBarChartProps) => import("react/jsx-runtime").JSX.Element;
+export { BarChartWithLegend as BarChart };

package/dist/bar-chart/bar-chart.interface.d.ts

@@ -0,0 +1,96 @@
+import { ChartDataset } from 'chart.js';
+import { ICommonAdditionalAxesOptions, ICommonAnnotations, ICommonAnnotationsData, ICommonAxis, ICommonChartOptions, ICommonCustomLegend, ICommonData, ICommonDataset, ICommonDataValue, ICommonDragData, ICommonGraph, ICommonInteractions, ICommonLegend, ICommonOptions, ICommonScales, ICommonStyling, ICommonTooltip } from '../common/common.interface';
+import { IChartGraph } from '../common/helpers/chart-utils';
+import { ChartType } from '../common/helpers/enums';
+export interface IBarStyling extends ICommonStyling {
+    squareAspectRatio?: boolean;
+    layoutPadding?: string | number | {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}
+export interface IBarLegend extends ICommonLegend {
+    customLegend?: ICommonCustomLegend<any>;
+}
+export interface IBarAxes {
+    x: ICommonAxis<'top' | 'bottom'>[];
+    y: ICommonAxis<'left' | 'right'>[];
+    [key: string]: ICommonAxis[];
+}
+export interface IBarAdditionalAxesOptions extends ICommonAdditionalAxesOptions {
+    stackedX?: boolean;
+    stackedY?: boolean;
+}
+export interface IBarOptions extends ICommonOptions {
+    direction: 'vertical' | 'horizontal';
+    axes: IBarAxes;
+    scales?: ICommonScales;
+    additionalAxesOptions?: IBarAdditionalAxesOptions;
+    chartStyling: IBarStyling;
+    graph?: ICommonGraph;
+    annotations?: ICommonAnnotations;
+    legend?: IBarLegend;
+    dragData?: ICommonDragData;
+}
+export interface IBarChartDataset extends ICommonDataset {
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+    borderSkipped?: boolean;
+    borderRadius?: number;
+    xAxisID?: string;
+    yAxisID?: string;
+    hidden?: boolean;
+    displayGroup?: string | number;
+    type?: ChartType.Bar;
+}
+export interface IBarChartBaseData {
+    labels: string[];
+    datasets: IBarChartDataset[];
+}
+export interface IBarChartData extends ICommonData {
+    testId?: string;
+    controlsPortalId?: string;
+    data: IBarChartBaseData;
+    options: IBarOptions;
+}
+export interface IBarChartProps {
+    chart: IBarChartData;
+}
+export interface IBarDefaultProps {
+    testId: string;
+    controlsPortalId: string;
+    data: IBarChartBaseData;
+    options: {
+        title?: string | string[];
+        direction: 'vertical' | 'horizontal';
+        axes: IBarAxes;
+        additionalAxesOptions: IBarAdditionalAxesOptions;
+        chartStyling: IBarStyling;
+        tooltip: ICommonTooltip;
+        graph: IChartGraph;
+        scales?: ICommonScales;
+        annotations: {
+            showAnnotations: boolean;
+            controlAnnotation: boolean;
+            annotationsData: ICommonAnnotationsData[];
+        };
+        legend: IBarLegend;
+        chartOptions: ICommonChartOptions;
+        interactions: ICommonInteractions;
+        dragData: ICommonDragData;
+    };
+}
+export interface IGenerateBarChartDataset extends ChartDataset<'bar', ICommonDataValue[]> {
+    borderColor: string;
+    backgroundColor: string | string[];
+    borderDash?: number[];
+    borderWidth?: number;
+    annotationType?: string;
+    hideLegend?: boolean;
+    displayGroup?: string | number;
+    isAnnotation?: boolean;
+    annotationIndex?: number;
+}
+export type TGenerateBarChartDatasets = IGenerateBarChartDataset[];

package/dist/bar-chart/utils/get-bar-chart-data-labels.d.ts

@@ -0,0 +1,10 @@
+import { IBarOptions } from '../bar-chart.interface.ts';
+type ExtendedDisplayOptions = 'auto' | boolean;
+export interface IExtendedDataLabelsOptions {
+    display: ExtendedDisplayOptions;
+}
+/**
+ * Returns the data labels configuration for a bar chart.
+ */
+declare const getBarChartDataLabels: (options: IBarOptions) => IExtendedDataLabelsOptions;
+export default getBarChartDataLabels;

package/dist/bar-chart/utils/get-bar-chart-scales.d.ts

@@ -0,0 +1,3 @@
+import { IBarDefaultProps } from '../bar-chart.interface';
+declare const getBarChartScales: (chart: IBarDefaultProps) => any;
+export default getBarChartScales;

package/dist/bar-chart/utils/get-bar-chart-tooltips.d.ts

@@ -0,0 +1,6 @@
+import { IBarOptions } from '../bar-chart.interface';
+/**
+ * @param {IBarOptions} options - bar chart options object
+ */
+declare const getBarChartToolTips: (options: IBarOptions) => Record<string, any>;
+export default getBarChartToolTips;

package/dist/bar-chart/utils/use-bar-chart-config.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from '../../../../node_modules/react';
+import { ActiveElement, Chart, ChartEvent } from 'chart.js';
+import { IBarDefaultProps, IBarOptions, TGenerateBarChartDatasets } from '../bar-chart.interface';
+import { ICommonHoveredItems } from '../../common/common.interface';
+export interface IGenerateBarChartDatasetsProps {
+    datasets: TGenerateBarChartDatasets;
+    options: IBarOptions;
+}
+export declare const useBarChartConfig: (chartRef: RefObject<Chart>, chart: IBarDefaultProps) => {
+    generatedDatasets: TGenerateBarChartDatasets;
+    onClick: (_evt: ChartEvent, _elements: ActiveElement[], chartInstance: Chart) => void;
+    onHover: (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
+};

package/dist/bar-chart/utils/use-bar-chart-options.d.ts

@@ -0,0 +1,55 @@
+import { MutableRefObject } from '../../../../node_modules/react';
+import { Chart } from 'chart.js';
+import { AxisType, ChartHoverMode } from '../../common/helpers/enums';
+import { IBarDefaultProps } from '../bar-chart.interface';
+export interface IUseBarChartOptionsProps {
+    chart: IBarDefaultProps;
+    chartRef: MutableRefObject<Chart | null>;
+}
+export declare const useBarChartOptions: ({ chart, chartRef, }: IUseBarChartOptionsProps) => {
+    onClick: (_evt: import('chart.js').ChartEvent, _elements: import('chart.js').ActiveElement[], chartInstance: Chart) => void;
+    onHover: (evt: import('chart.js').ChartEvent, hoveredItems: import('../../common/common.interface').ICommonHoveredItems[]) => void;
+    indexAxis: AxisType;
+    maintainAspectRatio: boolean | undefined;
+    animation: false | {
+        duration: number;
+    } | undefined;
+    hover: {
+        mode: ChartHoverMode;
+        intersect: boolean;
+    };
+    scales: any;
+    plugins: {
+        title: {
+            display: boolean;
+            text: string | string[] | undefined;
+        } | {
+            display?: undefined;
+            text?: undefined;
+        };
+        datalabels: import('./get-bar-chart-data-labels').IExtendedDataLabelsOptions;
+        annotation: {
+            annotations: {};
+        };
+        tooltip: Record<string, any>;
+        legend: {
+            display: boolean;
+            events: never[];
+            position: any;
+            align: "center" | "start" | "end";
+            labels: {
+                boxHeight: number;
+                boxWidth: number | undefined;
+                usePointStyle: boolean | undefined;
+            };
+            onClick: (_: import('../../common/common.interface').UnusedParameter, legendItem: import('chart.js').LegendItem) => void;
+        };
+        customLegendPlugin: {
+            htmlLegend: any;
+        };
+        chartAreaBorder: {
+            borderColor: string;
+        };
+        dragData: false | object | import('../../common/helpers/get-draggableData').IDraggableData | undefined;
+    };
+};

package/dist/common/common.interface.d.ts

@@ -0,0 +1,206 @@
+import { ChartEvent, ChartTypeRegistry, LinearScaleOptions, Plugin } from 'chart.js';
+import { LabelOptions } from 'chartjs-plugin-annotation';
+import { GradientDirection } from './plugins/gradient-background-plugin/enums';
+import { AnnotationType, DragAxis } from './plugins/annotation-dragger-plugin/enums';
+import { AlignOptions, Position } from './helpers/enums';
+export type TAxisPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface ICommonDataValue {
+    x: number;
+    y: number;
+    label?: string;
+}
+export interface ICommonDataset {
+    label?: string;
+    borderColor?: string;
+    backgroundColor?: string | string[];
+    borderWidth?: number;
+    data: ICommonDataValue[];
+}
+export interface ICommonScales extends Partial<Record<string, LinearScaleOptions>> {
+    x: LinearScaleOptions;
+    y: LinearScaleOptions;
+}
+export interface ICommonAnnotationElement {
+    display: boolean;
+    annotationIndex: number;
+    label: {
+        options: LabelOptions;
+        content: string;
+    };
+    options: {
+        id?: string;
+        scaleID?: string;
+        borderColor?: string;
+        borderWidth?: number;
+        radius?: number;
+        label?: {
+            content?: string;
+            position?: string;
+            enabled?: boolean;
+            xAdjust?: number;
+        };
+    };
+}
+export interface ICoordinates {
+    x: number;
+    y: number;
+}
+export interface ICommonAnnotationsData {
+    display?: boolean;
+    hideLegend?: boolean;
+    id?: string;
+    adjustScaleRange: boolean;
+    annotationAxis: 'x' | 'y';
+    color: string;
+    endValue: number;
+    label: string;
+    labelConfig?: Record<string, any>;
+    type: AnnotationType;
+    value: number;
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+    xValue?: number;
+    yValue?: number;
+    radius?: number;
+    enableDrag?: boolean;
+    onDragStart?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDrag?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    onDragEnd?: (coordinates: ICoordinates, annotation: ICommonAnnotationsData) => void;
+    dragAxis?: DragAxis;
+    pointStyle?: string;
+    resizable?: boolean;
+    dragRange?: {
+        x?: [number, number];
+        y?: [number, number];
+    };
+    displayDragCoordinates?: boolean;
+    xScaleID?: string;
+    yScaleID?: string;
+}
+export interface ICommonGradientColor {
+    offset: number;
+    color: string;
+}
+export interface ICommonGradient {
+    display: boolean;
+    gradientColors?: ICommonGradientColor[];
+    direction?: GradientDirection;
+}
+export interface ICommonStyling {
+    width?: number | string;
+    height?: number | string;
+    maintainAspectRatio?: boolean;
+    staticChartHeight?: boolean;
+    performanceMode?: boolean;
+    gradient?: ICommonGradient;
+}
+export interface ICommonLegend {
+    display: boolean;
+    position: Position;
+    align: AlignOptions;
+}
+export interface ICommonTooltip {
+    tooltips: boolean;
+    showLabelsInTooltips: boolean;
+    scientificNotation: boolean;
+}
+export interface ICommonAdditionalAxesOptions {
+    chartScaleType?: 'linear' | 'logarithmic';
+    reverse: boolean;
+    beginAtZero: boolean;
+    stepSize?: number;
+    stacked?: boolean;
+    suggestedMin?: number;
+    suggestedMax?: number;
+    min?: number;
+    max?: number;
+}
+export interface ICommonAnnotation {
+    showLabel: boolean;
+    text: string | string[];
+    position: string;
+    fontSize: number;
+    xOffset: number;
+    yOffset: number;
+    maxWidth: number;
+    lineHeight: number;
+}
+export interface ICommonAnnotations {
+    showAnnotations?: boolean;
+    controlAnnotation?: boolean;
+    enableDragAnnotation?: boolean;
+    annotationsData?: ICommonAnnotationsData[];
+    labelAnnotation?: ICommonAnnotation;
+}
+export interface ICommonGraph {
+    lineTension?: number;
+    spanGaps?: boolean;
+    showDataLabels?: boolean;
+    showMinorGridlines?: boolean;
+}
+export interface ICommonInteractions {
+    onLegendClick?: (text: string, hidden: boolean) => void;
+    onHover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: any[]) => void;
+    onUnhover?: (event?: ChartEvent, datasetIndex?: number, index?: number, generatedDataset?: any[]) => void;
+}
+export interface ICommonCustomLegend<T extends keyof ChartTypeRegistry> {
+    customLegendPlugin: Plugin<T> | null;
+    customLegendContainerID: string;
+}
+export interface ICommonChartOptions {
+    enableZoom: boolean;
+    enablePan: boolean;
+}
+export interface ICommonDragData {
+    enableDragData?: boolean;
+    showTooltip?: boolean;
+    roundPoints?: boolean;
+    dragX?: boolean;
+    dragY?: boolean;
+    onDragStart?: () => void;
+    onDrag?: () => void;
+    onDragEnd?: () => void;
+}
+export interface ICommonOptions {
+    title?: string | string[];
+    chartStyling?: ICommonStyling;
+    tooltip?: ICommonTooltip;
+    legend?: ICommonLegend;
+    chartOptions?: ICommonChartOptions;
+    interactions?: ICommonInteractions;
+    dragData?: ICommonDragData;
+    annotations?: ICommonAnnotations;
+}
+export interface ICommonData {
+    testId?: string;
+    data?: {
+        labels?: string[];
+        datasets?: ICommonDataset[];
+    };
+    options: ICommonOptions;
+}
+export interface ICommonHoveredItems {
+    index: number;
+    datasetIndex: number;
+}
+export interface ICommonChartPlugins {
+    legend: {
+        position: TAxisPosition;
+    };
+    title: {
+        display: boolean;
+        text: string;
+    };
+}
+export interface ICommonAxis<PositionType = any> {
+    label: string;
+    position: PositionType;
+    color: string | string[];
+    unit?: string;
+    gridLines?: boolean;
+    stepSize?: number;
+}
+export type UnusedParameter = unknown | any;
+export type TPrimitive = string | number | boolean | null;

package/dist/common/controls-portal.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from '../../../node_modules/react';
+interface ControlsPortalProps {
+    children: ReactElement;
+    controlsPortalId: string;
+}
+declare const ControlsPortal: ({ children, controlsPortalId, }: ControlsPortalProps) => import("react/jsx-runtime").JSX.Element;
+export default ControlsPortal;

package/dist/common/enums.d.ts

@@ -0,0 +1,10 @@
+export declare enum ChartType {
+    LINE = "line",
+    BAR = "bar",
+    PIE = "pie",
+    SCATTER = "scatter"
+}
+export declare enum ChartDirection {
+    VERTICAL = "vertical",
+    HORIZONTAL = "horizontal"
+}

package/dist/common/helpers/chart-border-plugin.d.ts

@@ -0,0 +1,16 @@
+import { Chart } from 'chart.js';
+import { UnusedParameter } from '../common.interface';
+interface IChartAreaBorderPluginOptions {
+    borderColor: string;
+    borderWidth: number;
+    borderDash: number[];
+    borderDashOffset?: number;
+}
+/**
+ * Chart border plugin config
+ */
+export declare const chartAreaBorderPlugin: {
+    id: string;
+    beforeDraw(chart: Chart, _: UnusedParameter, options: IChartAreaBorderPluginOptions): void;
+};
+export {};

package/dist/common/helpers/chart-consts.d.ts

@@ -0,0 +1,39 @@
+import { ICommonGradientColor } from '../common.interface';
+export declare const BORDER_WIDTH: {
+    ZERO: number;
+    INITIAL: number;
+    HOVERED: number;
+    POINT_HOVERED: number;
+};
+export declare const BORDER_COLOR = "rgba(0,0,0,0.1)";
+export declare const ANNOTATION_DASH: number[];
+export declare const DEFAULT_FONT_SIZE = 12;
+export declare const DEFAULT_FONT_FAMILY = "\"Roobert\", \"Noto Sans\", sans-serif";
+export declare const DEFAULT_COLOR = "hsl(60, 10.34482759%, 12.5%)";
+export declare const LEGEND_LABEL_BOX_SIZE = 12;
+export declare const TOOLTIP_PADDING = 8;
+export declare const TOOLTIP_BOX_PADDING = 4;
+export declare const TRANSPARENT = "transparent";
+export declare const LOGARITHMIC_STEPS: number[];
+export declare const COLORS: string[];
+/**
+ * @type {string}
+ * @desc equivalent of 0.6 rgba alpha chanel
+ */
+export declare const ALPHA_CHANEL = "99";
+/**
+ * @type {number}
+ * @desc #FFFFFF as decimal number
+ */
+export declare const WHITE_COLOR_AS_DECIMAL = 16777215;
+export declare const AUTO = "auto";
+export declare const ANIMATION_DURATION: {
+    NO: number;
+    SLOW: number;
+    FAST: number;
+};
+export declare const DEFAULT_CHART_NAME = "new_chart";
+export declare const CUSTOM_LEGEND_PLUGIN_NAME = "htmlLegend";
+export declare const DECIMAL_POINT_TOLERANCE = 9;
+export declare const MAX_DECIMAL_DIFF: number;
+export declare const GRADIENT_COLORS: ICommonGradientColor[];

package/dist/common/helpers/chart-utils.d.ts

@@ -0,0 +1,84 @@
+import { ChartTypeRegistry, LegendItem, Plugin } from 'chart.js';
+import { ICommonCustomLegend, UnusedParameter } from '../common.interface';
+import { Position } from './enums';
+export interface IChartGraph {
+    showMinorGridlines: boolean;
+}
+interface IOptions {
+    title?: string | string[];
+    legend?: {
+        position: Position;
+        display?: boolean;
+        align?: string;
+        usePointStyle?: boolean;
+    };
+}
+interface IStyling {
+    width?: string | number;
+    height?: string | number;
+    squareAspectRatio?: number | boolean;
+    maintainAspectRatio?: boolean;
+    staticChartHeight?: boolean;
+    performanceMode?: boolean;
+}
+interface IAxis {
+    label?: string;
+}
+interface ILegend {
+    customLegend?: ICommonCustomLegend<any>;
+}
+/**
+ * @param { graph } graph - graph data from chart options
+ * @param { legend } legend
+ * @return {[]}
+ */
+export declare const getPlugins: <T extends keyof ChartTypeRegistry>(graph: IChartGraph, legend: ILegend) => Plugin<T>[] | any;
+/**
+ * @param {string[]} colors - color schema
+ * @return {string} - random color
+ */
+export declare const generateRandomColor: (colors: string[]) => string[];
+/**
+ * @param {ICommonChartOptions} options - chart options object
+ * @return {{color: (string|undefined), display: boolean, text}|{}}
+ */
+export declare const getTitle: (options: IOptions) => {
+    display: boolean;
+    text: string | string[] | undefined;
+} | {
+    display?: undefined;
+    text?: undefined;
+};
+/**
+ * @function isVertical
+ */
+export declare const isVertical: (direction: "vertical" | "horizontal") => direction is "vertical";
+/**
+ * @param {'x'|'y'} axisType
+ * @param {number} i - index
+ * @return {'top'|'bottom'|'left'|'right'|*}
+ */
+export declare const getAxisPosition: (axisType: string, i: number) => Position;
+/**
+ * @param {chartStyling} chartStyling
+ * @param {Object} styles - styles imported form .less file
+ * @return {string} - class name
+ */
+export declare const getClassName: (chartStyling: IStyling, styles: Record<string, string>) => string;
+export declare const getLegend: (options: IOptions, clickHandler: (_: UnusedParameter, legendItem: LegendItem) => void) => {
+    position: any;
+    display: boolean | undefined;
+    align: "center" | "start" | "end";
+    labels: {
+        boxHeight: number;
+        boxWidth: number | undefined;
+        usePointStyle: boolean | undefined;
+    };
+    onClick: (_: UnusedParameter, legendItem: LegendItem) => void;
+};
+export declare const afterLabelCallback: (tooltipItem: Record<string, any>) => string;
+export declare const getTooltipLabel: (tooltipItem: Record<string, any>, showLabelsInTooltips: boolean) => string;
+export declare const getChartFileName: (axes?: IAxis[]) => string;
+export declare const setDefaultTheme: () => void;
+export declare const isNilOrEmpty: <T>(value: T | null | undefined) => boolean;
+export {};

package/dist/common/helpers/container.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, ReactNode } from '../../../../node_modules/react';
+interface ContainerProps {
+    style?: CSSProperties;
+    children: ReactNode;
+    margin?: boolean;
+    deprecatedMessage?: string;
+    warningMessage?: string;
+}
+export declare const Container: {
+    ({ style, children, margin, deprecatedMessage, warningMessage, }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        style: {};
+        margin: boolean;
+        deprecatedMessage: null;
+        warningMessage: null;
+    };
+};
+export {};

package/dist/common/helpers/custom-format-number.d.ts

@@ -0,0 +1 @@
+export declare const customFormatNumber: (labelNumber: number, scientificNotation: boolean) => string;

package/dist/common/helpers/download-pgn.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from '../../../../node_modules/react';
+import { Chart } from 'chart.js';
+import { IState } from '../../line-chart/state/state.interfaces';
+export declare const downloadPgn: (chartRef: RefObject<Chart>, state?: IState) => void;

package/dist/common/helpers/enums.d.ts

@@ -0,0 +1,80 @@
+export declare enum AxisType {
+    X = "x",
+    Y = "y"
+}
+export declare enum Position {
+    Bottom = "bottom",
+    Top = "top",
+    Left = "left",
+    Right = "right",
+    TopRight = "top-right",
+    TopLeft = "top-left",
+    BottomLeft = "bottom-left",
+    BottomRight = "bottom-right"
+}
+export declare enum ChartType {
+    Line = "line",
+    Bar = "bar"
+}
+export declare enum CursorStyle {
+    Pointer = "pointer",
+    Initial = "initial",
+    Grab = "grab",
+    Grabbing = "grabbing",
+    Crosshair = "crosshair",
+    Move = "move"
+}
+export declare enum ScaleType {
+    Category = "category",
+    Linear = "linear",
+    Logarithmic = "logarithmic"
+}
+export declare enum ChartDirection {
+    Vertical = "vertical"
+}
+export declare enum TooltipLabel {
+    Y = "yLabel",
+    X = "xLabel"
+}
+export declare enum AlignOptions {
+    End = "end",
+    Start = "start",
+    Center = "center",
+    Right = "right",
+    Left = "left"
+}
+export declare enum PointType {
+    Casing = "casing"
+}
+export declare enum AnnotationType {
+    Box = "box",
+    Ellipse = "ellipse",
+    Line = "line",
+    Text = "text"
+}
+export declare enum PointStyle {
+    Circle = "circle",
+    Square = "rect",
+    Diamond = "rectRot",
+    Triangle = "triangle"
+}
+export declare enum ChartHoverMode {
+    Nearest = "nearest"
+}
+export declare enum PanZoomMode {
+    X = "x",
+    Y = "y",
+    XY = "xy",
+    Z = "z"
+}
+export declare enum Key {
+    Shift = "Shift"
+}
+export declare enum Events {
+    Mousemove = "mousemove",
+    Mouseout = "mouseout",
+    Click = "click",
+    Touchstart = "touchstart",
+    Touchmove = "touchmove",
+    Dblclick = "dblclick"
+}