@cehlers88/chart 1.0.3 → 1.0.4

package/dist/interface/ICanvasDiagram.d.ts

@@ -0,0 +1,4 @@
+export interface ICanvasDiagram {
+    addPlugin(plugin: any): ICanvasDiagram;
+    start(): ICanvasDiagram;
+}

package/dist/interface/IChartEntity.d.ts

@@ -0,0 +1,7 @@
+import IRectangleBase from "@cehlers88/ceutils/dist/Interfaces/IRectangleBase";
+export interface IChartEntity extends IRectangleBase {
+    data: {
+        [key: string]: any;
+    };
+    source: string;
+}

package/dist/interface/IChartPlugin.d.ts

@@ -6,13 +6,26 @@
  */
 import { TDataGroup } from "../type/TDataGroup";
 import { TRect } from "../type/TRect";
-import { TChartEngineCallbacks } from "../type/TChartEngineCallbacks";
 export interface IChartPlugin {
-    create(canvasElement: HTMLCanvasElement, dataGroups: TDataGroup[], engineCallbacks: TChartEngineCallbacks): IChartPlugin;
-    draw(): IChartPlugin;
+    create(canvasElement: HTMLCanvasElement, dataGroups: TDataGroup[]): {
+        plugin: IChartPlugin;
+        dataGroups: TDataGroup[];
+    };
+    draw(forceRedraw?: boolean): IChartPlugin;
     getDrawAreaRect(): TRect;
     getName(): string;
     getProperty(propertyName: string, defaultResult: any): any;
+    getPriority(): number;
+    handleClick(x: number, y: number): IChartPlugin;
+    handleHover(x: number, y: number): IChartPlugin;
+    handleLeave(): IChartPlugin;
+    handleScroll(x: number, y: number): IChartPlugin;
+    setCamera(camera: any): IChartPlugin;
+    setDrawAreaRect(rect: TRect): IChartPlugin;
+    setEntityRegistry(entityRegistry: any): IChartPlugin;
     setProperty(propertyName: string, value: any): IChartPlugin;
-    update(dataGroups: TDataGroup[]): TDataGroup[];
+    update(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    get needsRedraw(): boolean;
 }

package/dist/plugin/AbstractDiagramPlugin.d.ts

@@ -0,0 +1,13 @@
+import AbstractPlugin from "./AbstractPlugin";
+import { TDataGroup } from "../type/TDataGroup";
+export default abstract class AbstractDiagramPlugin extends AbstractPlugin {
+    constructor(props?: {
+        padding?: number;
+        viewSize?: number;
+        [key: string]: any;
+    });
+    update(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    protected updateBufferSize(dataGroups: any): number;
+}

package/dist/plugin/AbstractPlugin.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Library AbstractChartPlugin
+ * Created 26.11.22
+ *
+ * @author Christoph Ehlers
+ */
+import { IChartPlugin } from "../interface/IChartPlugin";
+import { TDataGroup } from "../type/TDataGroup";
+import { TRect } from "../type/TRect";
+import Camera from "../Camera";
+import EntityRegistry from "../Registry/EntityRegistry";
+import { IChartEntity } from "../interface/IChartEntity";
+export default abstract class AbstractPlugin implements IChartPlugin {
+    private _buffer;
+    protected _camera: Camera;
+    protected _dataGroups: TDataGroup[];
+    private _drawAreaRect;
+    protected _entityRegistry: EntityRegistry;
+    protected _fixed: boolean;
+    private _properties;
+    protected _priority: number;
+    protected bufferCtx: CanvasRenderingContext2D;
+    protected ctx: CanvasRenderingContext2D;
+    protected redrawBuffer: boolean;
+    abstract getName(): string;
+    constructor(props?: {
+        enabled?: boolean;
+        [key: string]: any;
+    });
+    update(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    updateDataGroups(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    addEntity(entity: IChartEntity): AbstractPlugin;
+    protected createBuffer(canvasElement: HTMLCanvasElement, width?: number | null, height?: number | null): void;
+    create(canvasElement: HTMLCanvasElement, dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+        plugin: AbstractPlugin;
+    };
+    drawBuffer(): void;
+    draw(forceRedraw?: boolean): IChartPlugin;
+    getDrawAreaRect(): TRect;
+    getPriority(): number;
+    getProperty(propertyName: string, defaultResult: any): any;
+    handleClick(x: number, y: number): AbstractPlugin;
+    handleHover(x: number, y: number): AbstractPlugin;
+    handleLeave(): IChartPlugin;
+    handleScroll(x: number, y: number): AbstractPlugin;
+    setBuffer(buffer: HTMLCanvasElement): AbstractPlugin;
+    setCamera(camera: Camera): AbstractPlugin;
+    setDrawAreaRect(rect: TRect): AbstractPlugin;
+    setEntityRegistry(entityRegistry: EntityRegistry): AbstractPlugin;
+    setProperty(propertyName: string, value: any): AbstractPlugin;
+    init(): AbstractPlugin;
+    get needsRedraw(): boolean;
+}

package/dist/plugin/BarsPlugin.d.ts

@@ -4,22 +4,28 @@
  *
  * @author Christoph Ehlers
  */
-import AbstractChartPlugin from "./AbstractChartPlugin";
+import AbstractPlugin from "./AbstractPlugin";
 import { TDataGroup } from "../type/TDataGroup";
 import { IChartPlugin } from "../interface/IChartPlugin";
+import AbstractDiagramPlugin from "./AbstractDiagramPlugin";
 export declare enum ERangeType {
     ZERO_BASED = "zero_based",
     MIN_MAX = "min_max"
 }
-export default class BarsPlugin extends AbstractChartPlugin {
-    private dataGroups;
+export default class BarsPlugin extends AbstractDiagramPlugin {
+    private barGroups;
+    private hoverPosition;
     private rangeType;
-    private showZeroLine;
-    private syncGroupsPosition;
-    private zeroLineValue;
-    private zeroLineValuePercentage;
-    draw(): IChartPlugin;
-    private calcPointGap;
-    update(dataGroups: TDataGroup[]): TDataGroup[];
+    constructor(props?: {
+        animationSpeed?: number;
+        enableAnimations?: boolean;
+        padding?: number;
+    });
+    drawBuffer(): void;
+    handleHover(x: number, y: number): AbstractPlugin;
+    updateDataGroups(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    updateAnimations(): IChartPlugin;
     getName(): string;
 }

package/dist/plugin/CameraMove.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Library DiagramLine
+ * Created 26.11.22
+ *
+ * @author Christoph Ehlers
+ */
+import AbstractPlugin from "./AbstractPlugin";
+import { TDataGroup } from "../type/TDataGroup";
+export default class CameraMove extends AbstractPlugin {
+    constructor(props: {
+        allowScrollX?: boolean;
+        allowScrollY?: boolean;
+        speed?: number;
+    });
+    handleScroll(x: number, y: number): AbstractPlugin;
+    setCameraXDestination(): void;
+    create(canvasElement: HTMLCanvasElement, dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+        plugin: AbstractPlugin;
+    };
+    update(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    getName(): string;
+}

package/dist/plugin/DiagramLine.d.ts

@@ -4,22 +4,35 @@
  *
  * @author Christoph Ehlers
  */
-import AbstractChartPlugin from "./AbstractChartPlugin";
+import AbstractPlugin from "./AbstractPlugin";
 import { TDataGroup } from "../type/TDataGroup";
-import { IChartPlugin } from "../interface/IChartPlugin";
+import { TRect } from "../type/TRect";
+import AbstractDiagramPlugin from "./AbstractDiagramPlugin";
 export declare enum ERangeType {
     ZERO_BASED = "zero_based",
     MIN_MAX = "min_max"
 }
-export default class DiagramLine extends AbstractChartPlugin {
-    private dataGroups;
+export default class DiagramLine extends AbstractDiagramPlugin {
+    private bulletPointRadius;
+    private bulletPointRadiusHover;
+    private dataPoints;
+    private helpLines;
+    private hoverPosition;
     private rangeType;
     private syncGroupsPosition;
     private zeroLineValue;
     private zeroLineValuePercentage;
+    constructor(props?: {
+        showBulletPoints?: boolean;
+    });
     private _showZeroLine;
-    draw(): IChartPlugin;
+    drawHelpLines(): this;
+    drawBuffer(): this;
     private calcPointGap;
-    update(dataGroups: TDataGroup[]): TDataGroup[];
+    handleHover(x: number, y: number): AbstractPlugin;
+    updateDataGroups(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    getDrawAreaRect(): TRect;
     getName(): string;
 }

package/dist/plugin/EnrichGroupInfosPlugin.d.ts

@@ -4,9 +4,13 @@
  *
  * @author Christoph Ehlers
  */
-import AbstractChartPlugin from "./AbstractChartPlugin";
+import AbstractPlugin from "./AbstractPlugin";
 import { TDataGroup } from "../type/TDataGroup";
-export default class EnrichGroupInfosPlugin extends AbstractChartPlugin {
-    update(dataGroups: TDataGroup[]): TDataGroup[];
+export default class EnrichGroupInfosPlugin extends AbstractPlugin {
+    constructor();
+    updateDataGroups(dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+    };
+    getLargestDecimalStep(x: number): number;
     getName(): string;
 }

package/dist/plugin/LegendsPlugin.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Library LegendsPlugin
+ * Created 30.09.24
+ *
+ * @author Christoph Ehlers
+ */
+import AbstractPlugin from "./AbstractPlugin";
+export declare enum ERangeType {
+    ZERO_BASED = "zero_based",
+    MIN_MAX = "min_max"
+}
+export default class LegendsPlugin extends AbstractPlugin {
+    constructor(props?: {
+        x?: number;
+        y?: number;
+    });
+    drawBuffer(): void;
+    getName(): string;
+}

package/dist/plugin/PaginationPlugin.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Library PaginationPlugin
+ * Created 03.10.24
+ *
+ * @author Christoph Ehlers
+ */
+import AbstractPlugin from "./AbstractPlugin";
+import { TDataGroup } from "../type/TDataGroup";
+export default class PaginationPlugin extends AbstractPlugin {
+    private static DEFAULT_PAGE_SIZE;
+    private static DEFAULT_CURRENT_PAGE;
+    private _dataGroupsRaw;
+    private _dataGroupsCurrentPage;
+    private _pages;
+    private _lastUpdatedPage;
+    constructor(props?: {
+        currentPage?: number;
+        pageSize?: number;
+    });
+    create(canvasElement: HTMLCanvasElement, dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+        plugin: AbstractPlugin;
+    };
+    getName(): string;
+}

package/dist/plugin/TimelinePlugin.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Library PaginationPlugin
+ * Created 03.10.24
+ *
+ * @author Christoph Ehlers
+ */
+import AbstractPlugin from "./AbstractPlugin";
+import { TDataGroup } from "../type/TDataGroup";
+export default class TimelinePlugin extends AbstractPlugin {
+    private static DIRECTION_HORIZONTAL;
+    private static DIRECTION_VERTICAL;
+    private static VIEW_TYPE_HOUR;
+    private static VIEW_TYPE_DAY;
+    private static VIEW_TYPE_WEEK;
+    private static VIEW_TYPE_MONTH;
+    private static VIEW_TYPE_YEAR;
+    constructor(props?: {
+        direction?: number;
+        mainSections?: number | Array<string>;
+        resolution?: number;
+    });
+    private getMainSectionHeight;
+    create(canvasElement: HTMLCanvasElement, dataGroups: TDataGroup[]): {
+        dataGroups: TDataGroup[];
+        plugin: AbstractPlugin;
+    };
+    protected createBuffer(canvasElement: HTMLCanvasElement, width?: number | null, height?: number | null): void;
+    drawMainSection(x: number, y: number, width: number, height: number, color?: string): void;
+    drawBuffer(): void;
+    getName(): string;
+}

package/dist/plugin/TooltipPlugin.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Library TooltipPlugin
+ * Created 30.09.24
+ *
+ * @author Christoph Ehlers
+ */
+import AbstractPlugin from "./AbstractPlugin";
+export declare enum ERangeType {
+    ZERO_BASED = "zero_based",
+    MIN_MAX = "min_max"
+}
+export default class TooltipPlugin extends AbstractPlugin {
+    getName(): string;
+}

package/dist/type/TData.d.ts

@@ -8,4 +8,6 @@ export type TData = {
     empty: boolean;
     label: string;
     value: number;
+    valueStart?: number;
+    hasLabel?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cehlers88/chart",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A library to create charts using JavaScript and Canvas-Element.",
   "main": "dist/index.js",
   "publishConfig": {
@@ -8,7 +8,8 @@
   },
   "scripts": {
     "build": "webpack",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "watch": "webpack --watch",
+    "test": "jest"
   },
   "repository": {
     "type": "git",
@@ -30,9 +31,18 @@
   "homepage": "https://github.com/cEhlers88/Chart#readme",
   "types": "dist/index.d.ts",
   "devDependencies": {
+    "@types/jest": "^29.5.13",
+    "css-loader": "^7.1.2",
+    "jest": "^29.7.0",
+    "style-loader": "^4.0.0",
+    "ts-jest": "^29.2.5",
     "ts-loader": "^9.5.1",
-    "typescript": "^5.4.5",
+    "typescript": "^5.6.2",
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "@cehlers88/ceutils": "^1.2.68",
+    "core-js": "^3.47.0"
   }
 }

package/dist/plugin/AbstractChartPlugin.d.ts

@@ -1,23 +0,0 @@
-/**
- * Library AbstractChartPlugin
- * Created 26.11.22
- *
- * @author Christoph Ehlers
- */
-import { IChartPlugin } from "../interface/IChartPlugin";
-import { TDataGroup } from "../type/TDataGroup";
-import { TRect } from "../type/TRect";
-import { TChartEngineCallbacks } from "../type/TChartEngineCallbacks";
-export default abstract class AbstractChartPlugin implements IChartPlugin {
-    private _drawAreaRect;
-    private _properties;
-    protected ctx: CanvasRenderingContext2D;
-    abstract getName(): string;
-    abstract update(dataGroups: TDataGroup[]): TDataGroup[];
-    create(canvasElement: HTMLCanvasElement, dataGroups: TDataGroup[], engineCallbacks: TChartEngineCallbacks): AbstractChartPlugin;
-    draw(): IChartPlugin;
-    getDrawAreaRect(): TRect;
-    getProperty(propertyName: string, defaultResult: any): any;
-    setProperty(propertyName: string, value: any): AbstractChartPlugin;
-    init(): AbstractChartPlugin;
-}