ag-charts-enterprise - npm Package Compare versions

Comparing version 10.1.0 to 10.2.0

dist/types/src/axes/angle-number/angleNumberAxis.d.ts

@@ -20,3 +20,3 @@ import { _ModuleSupport } from 'ag-charts-community';
     protected generateAngleTicks(): {
-        value: any;
+        value: number;
         visible: boolean;
@@ -23,0 +23,0 @@ }[];

dist/types/src/axes/angle/angleAxis.d.ts

@@ -31,3 +31,3 @@ import type { AgAngleAxisLabelOrientation, _Scale } from 'ag-charts-community';
     update(): number;
-    computeRange: () => void;
+    computeRange(): void;
     protected calculateAvailableRange(): number;
@@ -34,0 +34,0 @@ protected abstract generateAngleTicks(): AngleAxisTickDatum<TDomain>[];

dist/types/src/axes/polar-crosslines/polarCrossLine.d.ts

@@ -51,4 +51,4 @@ import type { AgBaseCrossLineLabelOptions, FontStyle, FontWeight, _Scale } from 'ag-charts-community';
     protected setSectorNodeProps(node: _Scene.Path | _Scene.Sector): void;
-    protected setLabelNodeProps(node: _Scene.Text, x: number, y: number, baseline: CanvasTextBaseline, rotation: number): void;
+    protected setLabelNodeProps(node: _Scene.RotatableText, x: number, y: number, baseline: CanvasTextBaseline, rotation: number): void;
 }
 export {};

dist/types/src/features/annotations/annotationProperties.d.ts

@@ -1,5 +0,5 @@
-import { type FontStyle, type FontWeight, type Formatter, type TextAlign, _ModuleSupport } from 'ag-charts-community';
-import type { AnnotationContext, AnnotationOptionsColorPickerType } from './annotationTypes';
+import type { AgAnnotationLineStyleType, FontStyle, FontWeight, Formatter, TextAlign } from 'ag-charts-community';
+import { _ModuleSupport } from 'ag-charts-community';
+import type { AnnotationContext, AnnotationOptionsColorPickerType, ChannelTextPosition, Constructor, LineTextAlignment, LineTextPosition } from './annotationTypes';
 declare const BaseProperties: typeof _ModuleSupport.BaseProperties;
-type Constructor<T = {}> = new (...args: any[]) => T;
 /**************
@@ -22,2 +22,3 @@ * Components *
         lineDashOffset?: number | undefined;
+        lineStyle?: AgAnnotationLineStyleType | undefined;
     };
@@ -41,2 +42,3 @@ } & {
         lineDashOffset?: number | undefined;
+        lineStyle?: AgAnnotationLineStyleType | undefined;
     };
@@ -85,2 +87,3 @@ } & {
         lineDashOffset?: number | undefined;
+        lineStyle?: AgAnnotationLineStyleType | undefined;
     };
@@ -95,2 +98,30 @@ } & {
 }
+declare const LineTextProperties_base: {
+    new (...args: any[]): {
+        fontStyle?: FontStyle | undefined;
+        fontWeight?: FontWeight | undefined;
+        fontSize: number;
+        fontFamily: string;
+        color?: string | undefined;
+    };
+} & typeof _ModuleSupport.BaseProperties;
+export declare class LineTextProperties extends LineTextProperties_base {
+    label: string;
+    position?: LineTextPosition;
+    alignment?: LineTextAlignment;
+}
+declare const ChannelTextProperties_base: {
+    new (...args: any[]): {
+        fontStyle?: FontStyle | undefined;
+        fontWeight?: FontWeight | undefined;
+        fontSize: number;
+        fontFamily: string;
+        color?: string | undefined;
+    };
+} & typeof _ModuleSupport.BaseProperties;
+export declare class ChannelTextProperties extends ChannelTextProperties_base {
+    label: string;
+    position?: ChannelTextPosition;
+    alignment?: LineTextAlignment;
+}
 export interface AxisLabelFormatterParams {
@@ -153,4 +184,4 @@ readonly value: any;
     new (...args: any[]): {
-        startCap?: "circle" | "arrow" | undefined;
-        endCap?: "circle" | "arrow" | undefined;
+        startCap?: "arrow" | undefined;
+        endCap?: "arrow" | undefined;
     };
@@ -160,6 +191,12 @@ } & T;
     new (...args: any[]): {
-        extendLeft?: boolean | undefined;
-        extendRight?: boolean | undefined;
+        extendStart?: boolean | undefined;
+        extendEnd?: boolean | undefined;
     };
 } & T;
+export declare function Localisable<T extends Constructor>(Parent: T): {
+    new (...args: any[]): {
+        localeManager?: import("packages/ag-charts-community/dist/types/src/locale/localeManager").LocaleManager | undefined;
+        setLocaleManager(localeManager: _ModuleSupport.ModuleContext['localeManager']): void;
+    };
+} & T;
 /******************
@@ -186,6 +223,7 @@ * Generic mixins *
 } & T;
-export declare function LineDash<T extends Constructor>(Parent: T): {
+export declare function LineStyle<T extends Constructor>(Parent: T): {
     new (...args: any[]): {
         lineDash?: number[] | undefined;
         lineDashOffset?: number | undefined;
+        lineStyle?: AgAnnotationLineStyleType | undefined;
     };
@@ -192,0 +230,0 @@ } & T;

dist/types/src/features/annotations/annotations.d.ts

 import { _ModuleSupport } from 'ag-charts-community';
+import type { AnnotationProperties } from './annotationsSuperTypes';
 declare class AxesButtons {
@@ -8,3 +9,2 @@ enabled: boolean;
     readonly ctx: _ModuleSupport.ModuleContext;
-    private __hackWasDisabled;
     enabled: boolean;
@@ -14,2 +14,3 @@ axesButtons: AxesButtons;
     private readonly annotationData;
+    private readonly defaults;
     private seriesRect?;
@@ -19,35 +20,49 @@ private readonly container;
     private readonly colorPicker;
-    private readonly textSizePopover;
-    private readonly annotationPickerPopover;
-    private readonly defaultColors;
-    private readonly defaultFontSizes;
+    private readonly textSizeMenu;
+    private readonly lineStyleTypeMenu;
+    private readonly lineStrokeWidthMenu;
+    private readonly annotationMenu;
+    private readonly settingsDialog;
     private readonly textInput;
     private xAxis?;
     private yAxis?;
+    private removeAmbientKeyboardListener?;
     constructor(ctx: _ModuleSupport.ModuleContext);
     private setupStateMachine;
     private setupListeners;
+    destroy(): void;
     private createAnnotationScene;
     private createAnnotationDatum;
+    private createAnnotationDatumCopy;
+    private createAnnotation;
     private onRestoreAnnotations;
     private onToolbarButtonPress;
     private onToolbarAnnotationOptionButtonPress;
-    private onToolbarButtonPressLineMenu;
-    private onToolbarButtonPressTextMenu;
+    private onToolbarButtonPressMenu;
     private onToolbarButtonPressAnnotation;
     private onToolbarButtonMoved;
+    private onToolbarGroupMoved;
     private onColorPickerChange;
     private updateToolbarColorPickerFill;
     private updateToolbarFills;
-    private onColorPickerClose;
     private updateToolbarFontSize;
-    private onTextSizePopoverPress;
-    private onTextSizePopoverClose;
-    private onAnnotationsPopoverPress;
-    private onAnnotationsPopoverClose;
+    private updateToolbarLineStyleType;
+    private updateToolbarStrokeWidth;
+    private onTextSizeMenuPress;
+    private onLineStyleTypeMenuPress;
+    private onLineStrokeWidthMenuPress;
+    private onAnnotationsMenuPress;
+    private handleAmbientKeyboardEvent;
     private onToolbarCancelled;
+    private cancelPlacementInteraction;
     private onLayoutComplete;
     private onPreRender;
     private getAxis;
+    private recordActionAfterNextUpdate;
+    private setColorAndDefault;
+    private setFontSizeAndDefault;
+    private setLineStyleTypeAndDefault;
+    private setLineStyleWidthAndDefault;
     private updateAnnotations;
+    private postUpdateFns;
     private validateDatum;
@@ -57,2 +72,3 @@ private getAnnotationContext;
     private onClick;
+    private onDoubleClick;
     private onAxisButtonClick;
@@ -65,4 +81,6 @@ private onDragStart;
     private onKeyDown;
+    private onCopyPaste;
     private beginAnnotationPlacement;
     private toggleAnnotationOptionsButtons;
+    updateToolbarLineStyles(datum?: AnnotationProperties): void;
     private clear;
@@ -69,0 +87,0 @@ private reset;

dist/types/src/features/annotations/annotationsConfig.d.ts

@@ -1,30 +0,4 @@
-import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType, TextualAnnotationType } from './annotationTypes';
-import type { AnnotationProperties, AnnotationScene, TextualPropertiesType } from './annotationsSuperTypes';
-import { CalloutProperties } from './callout/calloutProperties';
-import { CommentProperties } from './comment/commentProperties';
-import { HorizontalLineProperties, VerticalLineProperties } from './cross-line/crossLineProperties';
-import { DisjointChannelProperties } from './disjoint-channel/disjointChannelProperties';
-import { LineProperties } from './line/lineProperties';
-import { NoteProperties } from './note/noteProperties';
-import { ParallelChannelProperties } from './parallel-channel/parallelChannelProperties';
-import { TextProperties } from './text/textProperties';
-type Constructor<T = {}> = new (...args: any[]) => T;
-export declare const annotationDatums: Record<AnnotationType, Constructor<AnnotationProperties>>;
-export declare const annotationScenes: Record<AnnotationType, Constructor<AnnotationScene>>;
-export declare function updateAnnotation(node: AnnotationScene, datum: AnnotationProperties, context: AnnotationContext): void;
-export declare function getTypedDatum(datum: unknown): CalloutProperties | CommentProperties | HorizontalLineProperties | VerticalLineProperties | DisjointChannelProperties | LineProperties | NoteProperties | ParallelChannelProperties | TextProperties | undefined;
-export declare function isLineType(datum: unknown): boolean;
-export declare function isChannelType(datum: unknown): boolean;
-export declare function isTextType(datum: unknown): datum is TextualPropertiesType;
-export declare function hasFontSize(datum?: AnnotationProperties): boolean;
-export declare function hasLineColor(datum?: AnnotationProperties): boolean;
-export declare function hasFillColor(datum?: AnnotationProperties): boolean;
-export declare function hasTextColor(datum?: AnnotationProperties): boolean;
-export declare function setDefaults({ datum, defaultColors, defaultFontSizes, }: {
-    datum: AnnotationProperties;
-    defaultColors: Map<AnnotationType | TextualAnnotationType, Map<AnnotationOptionsColorPickerType, [string, string, number] | undefined>>;
-    defaultFontSizes: Map<TextualAnnotationType, number | undefined>;
-}): void;
-export declare function setFontsize(datum: TextualPropertiesType, annotationType: TextualAnnotationType, fontSize: number): void;
-export declare function setColor(datum: AnnotationProperties, colorPickerType: AnnotationOptionsColorPickerType, colorOpacity: string, color: string, opacity: number): void;
-export {};
+export declare const annotationConfigs: {
+    [x: string]: import("./annotationsSuperTypes").AnnotationTypeConfig<import("./arrow-down/arrowDownProperties").ArrowDownProperties, import("./arrow-down/arrowDownScene").ArrowDownScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./arrow-up/arrowUpProperties").ArrowUpProperties, import("./arrow-up/arrowUpScene").ArrowUpScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./callout/calloutProperties").CalloutProperties, import("./callout/calloutScene").CalloutScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./comment/commentProperties").CommentProperties, import("./comment/commentScene").CommentScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./cross-line/crossLineProperties").HorizontalLineProperties, import("./cross-line/crossLineScene").CrossLineScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./cross-line/crossLineProperties").VerticalLineProperties, import("./cross-line/crossLineScene").CrossLineScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./disjoint-channel/disjointChannelProperties").DisjointChannelProperties, import("./disjoint-channel/disjointChannelScene").DisjointChannelScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./line/lineProperties").LineProperties, import("./line/lineScene").LineScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./line/lineProperties").ArrowProperties, import("./line/lineScene").LineScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./note/noteProperties").NoteProperties, import("./note/noteScene").NoteScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./parallel-channel/parallelChannelProperties").ParallelChannelProperties, import("./parallel-channel/parallelChannelScene").ParallelChannelScene> | import("./annotationsSuperTypes").AnnotationTypeConfig<import("./text/textProperties").TextProperties, import("./text/textScene").TextScene>;
+};
+export declare function getTypedDatum(datum: unknown): import("./arrow-down/arrowDownProperties").ArrowDownProperties | import("./arrow-up/arrowUpProperties").ArrowUpProperties | import("./callout/calloutProperties").CalloutProperties | import("./comment/commentProperties").CommentProperties | import("./cross-line/crossLineProperties").HorizontalLineProperties | import("./cross-line/crossLineProperties").VerticalLineProperties | import("./disjoint-channel/disjointChannelProperties").DisjointChannelProperties | import("./line/lineProperties").ArrowProperties | import("./line/lineProperties").LineProperties | import("./note/noteProperties").NoteProperties | import("./parallel-channel/parallelChannelProperties").ParallelChannelProperties | import("./text/textProperties").TextProperties | undefined;

dist/types/src/features/annotations/annotationsStateMachine.d.ts

@@ -10,3 +10,3 @@ import { _ModuleSupport, _Util } from 'ag-charts-community';
 }
-type AnnotationEvent = 'click' | 'hover' | 'drag' | 'dragStart' | 'dragEnd' | 'input' | 'cancel' | 'reset' | 'delete' | 'deleteAll' | 'color' | 'fontSize' | 'keyDown' | 'updateTextInputBBox' | 'render';
+type AnnotationEvent = 'hover' | 'click' | 'dblclick' | 'drag' | 'dragStart' | 'dragEnd' | 'keyDown' | 'selectLast' | 'copy' | 'cut' | 'paste' | 'cancel' | 'reset' | 'delete' | 'deleteAll' | 'color' | 'fontSize' | 'lineProps' | 'lineStyle' | 'lineText' | 'updateTextInputBBox' | 'toolbarPressSettings' | 'render';
 export declare class AnnotationsStateMachine extends StateMachine<States, AnnotationType | AnnotationEvent> {
@@ -16,2 +16,3 @@ debug: _Util.DebugLogger;
     private active?;
+    private copied?;
     constructor(ctx: AnnotationsStateMachineContext);
@@ -18,0 +19,0 @@ getActive(): number | undefined;

dist/types/src/features/annotations/annotationsSuperTypes.d.ts

@@ -1,3 +0,7 @@
-import type { _Scene, _Util } from 'ag-charts-community';
-import { AnnotationType, type Point } from './annotationTypes';
+import type { _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
+import type { AnnotationContext, AnnotationType, Constructor, GuardDragClickDoubleEvent, Point } from './annotationTypes';
+import type { ArrowDownProperties } from './arrow-down/arrowDownProperties';
+import type { ArrowDownScene } from './arrow-down/arrowDownScene';
+import type { ArrowUpProperties } from './arrow-up/arrowUpProperties';
+import type { ArrowUpScene } from './arrow-up/arrowUpScene';
 import type { CalloutProperties } from './callout/calloutProperties';
@@ -7,19 +11,21 @@ import type { CalloutScene } from './callout/calloutScene';
 import type { CommentScene } from './comment/commentScene';
-import { HorizontalLineProperties, VerticalLineProperties } from './cross-line/crossLineProperties';
+import type { HorizontalLineProperties, VerticalLineProperties } from './cross-line/crossLineProperties';
 import type { CrossLineScene } from './cross-line/crossLineScene';
-import { DisjointChannelProperties } from './disjoint-channel/disjointChannelProperties';
+import type { DisjointChannelProperties } from './disjoint-channel/disjointChannelProperties';
 import type { DisjointChannelScene } from './disjoint-channel/disjointChannelScene';
-import { LineProperties } from './line/lineProperties';
+import type { ArrowProperties, LineProperties } from './line/lineProperties';
 import type { LineScene } from './line/lineScene';
 import type { NoteProperties } from './note/noteProperties';
 import type { NoteScene } from './note/noteScene';
-import { ParallelChannelProperties } from './parallel-channel/parallelChannelProperties';
+import type { ParallelChannelProperties } from './parallel-channel/parallelChannelProperties';
 import type { ParallelChannelScene } from './parallel-channel/parallelChannelScene';
-import { TextProperties } from './text/textProperties';
+import type { AnnotationScene as AnnotationSceneNode } from './scenes/annotationScene';
+import type { TextProperties } from './text/textProperties';
 import type { TextScene } from './text/textScene';
+export type ShapePropertiesType = ArrowUpProperties | ArrowDownProperties;
 export type TextualPropertiesType = CalloutProperties | CommentProperties | NoteProperties | TextProperties;
-export type LinePropertiesType = LineProperties | HorizontalLineProperties | VerticalLineProperties;
-export type ChannelPropertyType = ParallelChannelProperties | DisjointChannelProperties;
-export type AnnotationProperties = LinePropertiesType | ChannelPropertyType | TextualPropertiesType;
-export type AnnotationScene = LineScene | CrossLineScene | ParallelChannelScene | DisjointChannelScene | CalloutScene | CommentScene | NoteScene | TextScene;
+export type LinePropertiesType = LineProperties | HorizontalLineProperties | VerticalLineProperties | ArrowProperties;
+export type ChannelPropertiesType = ParallelChannelProperties | DisjointChannelProperties;
+export type AnnotationProperties = LinePropertiesType | ChannelPropertiesType | TextualPropertiesType | ShapePropertiesType;
+export type AnnotationScene = LineScene | CrossLineScene | ParallelChannelScene | DisjointChannelScene | ArrowUpScene | ArrowDownScene | CalloutScene | CommentScene | NoteScene | TextScene;
 export interface AnnotationsStateMachineContext {
@@ -32,2 +38,4 @@ resetToIdle: () => void;
     stopInteracting: () => void;
+    copy: (index: number) => AnnotationProperties | undefined;
+    paste: (datum: AnnotationProperties) => void;
     create: (type: AnnotationType, datum: AnnotationProperties) => void;
@@ -46,3 +54,28 @@ delete: (index: number) => void;
     showAnnotationOptions: (index: number) => void;
+    showAnnotationSettings: (index: number, sourceEvent?: Event) => void;
+    recordAction: (label: string) => void;
     update: () => void;
 }
+export interface AnnotationTypeConfig<Datum extends _ModuleSupport.BaseProperties, Scene extends AnnotationSceneNode> {
+    type: AnnotationType;
+    isDatum: (value: unknown) => value is Datum;
+    datum: Constructor<Datum>;
+    scene: Constructor<Scene>;
+    update: (node: AnnotationSceneNode, datum: _ModuleSupport.BaseProperties, context: AnnotationContext) => void;
+    copy: (node: AnnotationSceneNode, datum: _ModuleSupport.BaseProperties, copiedDatum: _ModuleSupport.BaseProperties, context: AnnotationContext) => Datum | undefined;
+    createState: (ctx: AnnotationsStateMachineContext & {
+        delete: () => void;
+        guardDragClickDoubleEvent: GuardDragClickDoubleEvent;
+        deselect: () => void;
+        showAnnotationOptions: () => void;
+        showTextInput: () => void;
+    }, helpers: AnnotationsStateMachineHelperFns) => _ModuleSupport.StateMachine<any, any>;
+    dragState: (ctx: AnnotationsStateMachineContext & {
+        setSelectedWithDrag: () => void;
+    }, helpers: AnnotationsStateMachineHelperFns) => _ModuleSupport.StateMachine<any, any>;
+}
+export interface AnnotationsStateMachineHelperFns {
+    createDatum: <T extends AnnotationProperties>(type: AnnotationType) => (datum: T) => void;
+    getDatum: <T>(is: (value: unknown) => value is T) => () => T;
+    getNode: <T>(is: (value: unknown) => value is T) => () => T;
+}

dist/types/src/features/annotations/annotationTypes.d.ts

@@ -1,8 +0,3 @@
-import { _ModuleSupport, _Scene } from 'ag-charts-community';
-export declare enum TextualAnnotationType {
-    Callout = "callout",
-    Comment = "comment",
-    Note = "note",
-    Text = "text"
-}
+import type { AgAnnotationLineStyleType, _ModuleSupport, _Scene } from 'ag-charts-community';
+export type Constructor<T = object> = new (...args: any[]) => T;
 export declare enum AnnotationType {
@@ -17,7 +12,17 @@ Line = "line",
     Note = "note",
-    Text = "text"
+    Text = "text",
+    Arrow = "arrow",
+    ArrowUp = "arrow-up",
+    ArrowDown = "arrow-down"
 }
+export type TextualAnnotationType = AnnotationType.Callout | AnnotationType.Comment | AnnotationType.Note | AnnotationType.Text;
+export type LineAnnotationType = AnnotationType.Line | AnnotationType.HorizontalLine | AnnotationType.VerticalLine | AnnotationType.Arrow;
+export type ChannelAnnotationType = AnnotationType.DisjointChannel | AnnotationType.ParallelChannel;
+export type HasColorAnnotationType = AnnotationType;
+export type HasLineStyleAnnotationType = LineAnnotationType | ChannelAnnotationType;
+export type HasLineTextAnnotationType = LineAnnotationType | ChannelAnnotationType;
+export type HasFontSizeAnnotationType = Exclude<TextualAnnotationType, AnnotationType.Note> | LineAnnotationType | ChannelAnnotationType;
 export declare const ANNOTATION_TYPES: AnnotationType[];
-export declare const ANNOTATION_BUTTONS: readonly [AnnotationType.Line, AnnotationType.HorizontalLine, AnnotationType.VerticalLine, AnnotationType.DisjointChannel, AnnotationType.ParallelChannel, AnnotationType.Callout, AnnotationType.Comment, AnnotationType.Note, AnnotationType.Text];
-export declare const ANNOTATION_BUTTON_GROUPS: readonly ["line-menu", "text-menu"];
+export declare const ANNOTATION_BUTTONS: readonly [AnnotationType.Line, AnnotationType.HorizontalLine, AnnotationType.VerticalLine, AnnotationType.DisjointChannel, AnnotationType.ParallelChannel, AnnotationType.Callout, AnnotationType.Comment, AnnotationType.Note, AnnotationType.Text, AnnotationType.Arrow, AnnotationType.ArrowUp, AnnotationType.ArrowDown];
+export declare const ANNOTATION_BUTTON_GROUPS: readonly ["line-menu", "text-menu", "shape-menu"];
 export declare function stringToAnnotationType(value: string): AnnotationType | undefined;
@@ -65,1 +70,8 @@ export interface Coords {
 export type AnnotationOptionsColorPickerType = 'line-color' | 'fill-color' | 'text-color';
+export type AnnotationLineStyle = {
+    type?: AgAnnotationLineStyleType;
+    strokeWidth?: number;
+};
+export type LineTextAlignment = 'left' | 'center' | 'right';
+export type LineTextPosition = 'top' | 'center' | 'bottom';
+export type ChannelTextPosition = 'top' | 'inside' | 'bottom';

dist/types/src/features/annotations/axisButton.d.ts

@@ -1,2 +0,2 @@
-import { _ModuleSupport, _Scene } from 'ag-charts-community';
+import { _ModuleSupport, type _Scene } from 'ag-charts-community';
 import type { Coords } from './annotationTypes';
@@ -20,4 +20,4 @@ declare const BaseModuleInstance: typeof _ModuleSupport.BaseModuleInstance;
     private destroyElements;
-    private onMouseMove;
-    private onLeave;
+    private show;
+    private hide;
     private getButtonCoordinates;
@@ -24,0 +24,0 @@ private getAxisCoordinates;

dist/types/src/features/annotations/callout/calloutProperties.d.ts

@@ -1,2 +0,2 @@
-import { type AnnotationContext, type AnnotationOptionsColorPickerType, type Padding, TextualAnnotationType } from '../annotationTypes';
+import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType, type Padding } from '../annotationTypes';
 import { TextualStartEndProperties } from '../properties/textualStartEndProperties';
@@ -17,3 +17,3 @@ declare const CalloutProperties_base: {
     static is(value: unknown): value is CalloutProperties;
-    type: TextualAnnotationType.Callout;
+    type: AnnotationType.Callout;
     position: "bottom";
@@ -20,0 +20,0 @@ alignment: "left";

dist/types/src/features/annotations/callout/calloutScene.d.ts

@@ -1,2 +0,2 @@
-import { _Scene, _Util } from 'ag-charts-community';
+import { _Scene, type _Util } from 'ag-charts-community';
 import { type AnnotationContext, AnnotationType, type Coords, type LineCoords } from '../annotationTypes';
@@ -36,7 +36,3 @@ import { TextualStartEndScene } from '../scenes/textualStartEndScene';
     };
-    protected updateAnchor(datum: CalloutProperties, bbox: _Scene.BBox, context: AnnotationContext): {
-        x: number;
-        y: number;
-        position: "right" | "above" | "above-left";
-    };
+    protected updateAnchor(datum: CalloutProperties, bbox: _Scene.BBox, context: AnnotationContext): import("packages/ag-charts-community/dist/types/src/module-support").ToolbarAnchor;
     protected updateShape(datum: CalloutProperties, textBBox: _Scene.BBox, coords: LineCoords): void;
@@ -43,0 +39,0 @@ private updatePath;

dist/types/src/features/annotations/comment/commentProperties.d.ts

@@ -1,2 +0,2 @@
-import { type AnnotationContext, type AnnotationOptionsColorPickerType, type Padding, TextualAnnotationType } from '../annotationTypes';
+import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType, type Padding } from '../annotationTypes';
 import { TextualPointProperties } from '../properties/textualPointProperties';
@@ -17,3 +17,3 @@ declare const CommentProperties_base: {
     static is(value: unknown): value is CommentProperties;
-    type: TextualAnnotationType.Comment;
+    type: AnnotationType.Comment;
     position: "bottom";
@@ -20,0 +20,0 @@ alignment: "left";

dist/types/src/features/annotations/comment/commentScene.d.ts

@@ -1,2 +0,2 @@
-import { _Scene, _Util } from 'ag-charts-community';
+import { _Scene, type _Util } from 'ag-charts-community';
 import { type AnnotationContext, AnnotationType } from '../annotationTypes';
@@ -21,3 +21,3 @@ import { TextualPointScene } from '../scenes/textualPointScene';
         y: number;
-        position: "right" | "above" | "above-left";
+        position: "right" | "above" | "above-left" | "below" | undefined;
     };
@@ -24,0 +24,0 @@ private updatePath;

dist/types/src/features/annotations/cross-line/crossLineProperties.d.ts

@@ -1,2 +0,3 @@
-import { _ModuleSupport } from 'ag-charts-community';
+import { type PixelSize, _ModuleSupport, type _Scene } from 'ag-charts-community';
+import { LineTextProperties } from '../annotationProperties';
 import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType } from '../annotationTypes';
@@ -26,7 +27,2 @@ declare const HorizontalLineProperties_base: (abstract new (...args: any[]) => {
     new (...args: any[]): {
-        startCap?: "circle" | "arrow" | undefined;
-        endCap?: "circle" | "arrow" | undefined;
-    };
-} & {
-    new (...args: any[]): {
         stroke?: string | undefined;
@@ -40,2 +36,3 @@ strokeOpacity?: number | undefined;
         lineDashOffset?: number | undefined;
+        lineStyle?: import("ag-charts-community").AgAnnotationLineStyleType | undefined;
     };
@@ -47,5 +44,10 @@ } & typeof _ModuleSupport.BaseProperties;
     type: AnnotationType.HorizontalLine;
+    text: LineTextProperties;
+    lineCap?: _Scene.ShapeLineCap;
+    computedLineDash?: PixelSize[];
     isValidWithContext(context: AnnotationContext, warningPrefix: string): boolean;
     getDefaultColor(_colorPickerType: AnnotationOptionsColorPickerType): string | undefined;
     getDefaultOpacity(_colorPickerType: AnnotationOptionsColorPickerType): number | undefined;
+    getLineDash(): PixelSize[] | undefined;
+    getLineCap(): _Scene.ShapeLineCap | undefined;
 }
@@ -75,7 +77,2 @@ declare const VerticalLineProperties_base: (abstract new (...args: any[]) => {
     new (...args: any[]): {
-        startCap?: "circle" | "arrow" | undefined;
-        endCap?: "circle" | "arrow" | undefined;
-    };
-} & {
-    new (...args: any[]): {
         stroke?: string | undefined;
@@ -89,2 +86,3 @@ strokeOpacity?: number | undefined;
         lineDashOffset?: number | undefined;
+        lineStyle?: import("ag-charts-community").AgAnnotationLineStyleType | undefined;
     };
@@ -96,7 +94,12 @@ } & typeof _ModuleSupport.BaseProperties;
     type: AnnotationType.VerticalLine;
+    text: LineTextProperties;
+    lineCap?: _Scene.ShapeLineCap;
+    computedLineDash?: PixelSize[];
     isValidWithContext(context: AnnotationContext, warningPrefix: string): boolean;
     getDefaultColor(_colorPickerType: AnnotationOptionsColorPickerType): string | undefined;
     getDefaultOpacity(_colorPickerType: AnnotationOptionsColorPickerType): number | undefined;
+    getLineDash(): PixelSize[] | undefined;
+    getLineCap(): _Scene.ShapeLineCap | undefined;
 }
 export type CrossLineProperties = HorizontalLineProperties | VerticalLineProperties;
 export {};

dist/types/src/features/annotations/cross-line/crossLineScene.d.ts

@@ -0,3 +1,5 @@
+import { type _Scene } from 'ag-charts-community';
 import type { AnnotationContext, Coords } from '../annotationTypes';
 import { AnnotationScene } from '../scenes/annotationScene';
+import { CollidableLine } from '../scenes/collidableLineScene';
 import { type CrossLineProperties } from './crossLineProperties';
@@ -8,5 +10,6 @@ export declare class CrossLineScene extends AnnotationScene {
     activeHandle?: 'middle';
-    private readonly line;
+    readonly line: CollidableLine;
     private readonly middle;
     private axisLabel?;
+    text?: _Scene.TransformableText;
     private seriesRect?;
@@ -17,2 +20,5 @@ private dragState?;
     update(datum: CrossLineProperties, context: AnnotationContext): void;
+    private updateLine;
+    private updateHandle;
+    private readonly updateText;
     private createAxisLabel;
@@ -26,2 +32,3 @@ private updateAxisLabel;
     stopDragging(): void;
+    copy(datum: CrossLineProperties, copiedDatum: CrossLineProperties, context: AnnotationContext): CrossLineProperties | undefined;
     getCursor(): "col-resize" | "row-resize" | "pointer" | undefined;
@@ -28,0 +35,0 @@ containsPoint(x: number, y: number): boolean;

dist/types/src/features/annotations/disjoint-channel/disjointChannelProperties.d.ts

@@ -1,2 +0,3 @@
-import { _ModuleSupport } from 'ag-charts-community';
+import { type PixelSize, _ModuleSupport, type _Scene } from 'ag-charts-community';
+import { ChannelTextProperties } from '../annotationProperties';
 import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType } from '../annotationTypes';
@@ -27,2 +28,7 @@ declare const DisjointChannelProperties_base: (abstract new (...args: any[]) => {
     new (...args: any[]): {
+        extendStart?: boolean | undefined;
+        extendEnd?: boolean | undefined;
+    };
+} & {
+    new (...args: any[]): {
         stroke?: string | undefined;
@@ -36,2 +42,3 @@ strokeOpacity?: number | undefined;
         lineDashOffset?: number | undefined;
+        lineStyle?: import("ag-charts-community").AgAnnotationLineStyleType | undefined;
     };
@@ -44,2 +51,5 @@ } & typeof _ModuleSupport.BaseProperties;
     endHeight: number;
+    text: ChannelTextProperties;
+    lineCap?: _Scene.ShapeLineCap;
+    computedLineDash?: PixelSize[];
     get bottom(): {
@@ -58,3 +68,5 @@ start: {
     getDefaultOpacity(colorPickerType: AnnotationOptionsColorPickerType): number | undefined;
+    getLineDash(): PixelSize[] | undefined;
+    getLineCap(): _Scene.ShapeLineCap | undefined;
 }
 export {};

dist/types/src/features/annotations/disjoint-channel/disjointChannelScene.d.ts

@@ -0,1 +1,2 @@
+import { _Util } from 'ag-charts-community';
 import type { AnnotationContext, Coords, LineCoords } from '../annotationTypes';
@@ -23,3 +24,8 @@ import { ChannelScene } from '../scenes/channelScene';
     updateHandles(datum: DisjointChannelProperties, top: LineCoords, bottom: LineCoords): void;
+    updateText: (datum: {
+        strokeWidth?: number | undefined;
+        text?: import("../annotationProperties").ChannelTextProperties | undefined;
+    }, top: LineCoords, bottom: LineCoords) => void;
+    protected getBackgroundPoints(datum: DisjointChannelProperties, top: LineCoords, bottom: LineCoords, bounds: LineCoords): [_Util.Vec2, _Util.Vec2];
 }
 export {};

dist/types/src/features/annotations/disjoint-channel/disjointChannelState.d.ts

 import { _ModuleSupport, _Util } from 'ag-charts-community';
-import type { GuardDragClickDoubleEvent } from '../annotationTypes';
+import { type GuardDragClickDoubleEvent } from '../annotationTypes';
 import type { AnnotationsStateMachineContext } from '../annotationsSuperTypes';
@@ -12,2 +12,3 @@ import { DisjointChannelProperties } from './disjointChannelProperties';
     node: () => DisjointChannelScene | undefined;
+    showAnnotationOptions: () => void;
     guardDragClickDoubleEvent: GuardDragClickDoubleEvent;
@@ -14,0 +15,0 @@ }

dist/types/src/features/annotations/line/lineProperties.d.ts

@@ -1,4 +0,5 @@
-import { _ModuleSupport } from 'ag-charts-community';
+import { type PixelSize, _ModuleSupport, type _Scene } from 'ag-charts-community';
+import { LineTextProperties } from '../annotationProperties';
 import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType } from '../annotationTypes';
-declare const LineProperties_base: (abstract new (...args: any[]) => {
+declare const LineTypeProperties_base: (abstract new (...args: any[]) => {
     id: string;
@@ -23,9 +24,9 @@ isValidWithContext(_context: AnnotationContext, warningPrefix: string): boolean;
     new (...args: any[]): {
-        startCap?: "circle" | "arrow" | undefined;
-        endCap?: "circle" | "arrow" | undefined;
+        startCap?: "arrow" | undefined;
+        endCap?: "arrow" | undefined;
     };
 } & {
     new (...args: any[]): {
-        extendLeft?: boolean | undefined;
-        extendRight?: boolean | undefined;
+        extendStart?: boolean | undefined;
+        extendEnd?: boolean | undefined;
     };
@@ -42,11 +43,24 @@ } & {
         lineDashOffset?: number | undefined;
+        lineStyle?: import("ag-charts-community").AgAnnotationLineStyleType | undefined;
     };
 } & typeof _ModuleSupport.BaseProperties;
-export declare class LineProperties extends LineProperties_base {
-    static is(value: unknown): value is LineProperties;
-    type: AnnotationType.Line;
+export declare abstract class LineTypeProperties extends LineTypeProperties_base {
+    text: LineTextProperties;
+    lineCap?: _Scene.ShapeLineCap;
+    computedLineDash?: PixelSize[];
     isValidWithContext(context: AnnotationContext, warningPrefix?: string): boolean;
-    getDefaultColor(_colorPickerType: AnnotationOptionsColorPickerType): string | undefined;
+    getDefaultColor(colorPickerType: AnnotationOptionsColorPickerType): string | undefined;
     getDefaultOpacity(_colorPickerType: AnnotationOptionsColorPickerType): number | undefined;
+    getLineDash(): PixelSize[] | undefined;
+    getLineCap(): _Scene.ShapeLineCap | undefined;
 }
+export declare class ArrowProperties extends LineTypeProperties {
+    static is(value: unknown): value is ArrowProperties;
+    type: AnnotationType.Arrow;
+    endCap: "arrow";
+}
+export declare class LineProperties extends LineTypeProperties {
+    static is(value: unknown): value is LineProperties;
+    type: AnnotationType.Line;
+}
 export {};

dist/types/src/features/annotations/line/lineScene.d.ts

@@ -1,24 +0,31 @@
-import type { AnnotationContext, Coords } from '../annotationTypes';
+import { type _ModuleSupport, _Scene } from 'ag-charts-community';
+import type { AnnotationContext, Coords, LineCoords } from '../annotationTypes';
+import { CollidableLine } from '../scenes/collidableLineScene';
 import { LinearScene } from '../scenes/linearScene';
-import type { LineProperties } from './lineProperties';
-export declare class LineScene extends LinearScene<LineProperties> {
+import type { LineTypeProperties } from './lineProperties';
+export declare class LineScene extends LinearScene<LineTypeProperties> {
     static is(value: unknown): value is LineScene;
     type: string;
     activeHandle?: 'start' | 'end';
-    private readonly line;
+    readonly line: CollidableLine;
     private readonly start;
     private readonly end;
-    private seriesRect?;
+    text?: _Scene.TransformableText;
+    private startCap?;
+    private endCap?;
+    private readonly anchor;
     constructor();
-    update(datum: LineProperties, context: AnnotationContext): void;
+    update(datum: LineTypeProperties, context: AnnotationContext): void;
+    updateLine(datum: LineTypeProperties, coords: LineCoords, context: AnnotationContext): void;
+    updateHandles(datum: LineTypeProperties, coords: LineCoords, locked: boolean): void;
+    private readonly updateText;
+    updateCaps(datum: LineTypeProperties, coords: LineCoords): void;
+    updateAnchor(coords: LineCoords): void;
     toggleHandles(show: boolean | Partial<Record<'start' | 'end', boolean>>): void;
     toggleActive(active: boolean): void;
-    dragHandle(datum: LineProperties, target: Coords, context: AnnotationContext): void;
+    dragHandle(datum: LineTypeProperties, target: Coords, context: AnnotationContext): void;
     stopDragging(): void;
-    getAnchor(): {
-        x: number;
-        y: number;
-    };
+    getAnchor(): _ModuleSupport.ToolbarAnchor;
     getCursor(): "pointer" | undefined;
     containsPoint(x: number, y: number): boolean;
 }

dist/types/src/features/annotations/line/lineState.d.ts

 import { _ModuleSupport, _Util } from 'ag-charts-community';
 import type { GuardDragClickDoubleEvent } from '../annotationTypes';
 import type { AnnotationsStateMachineContext } from '../annotationsSuperTypes';
-import { LineProperties } from './lineProperties';
+import { ArrowProperties, LineProperties } from './lineProperties';
 import type { LineScene } from './lineScene';
 declare const StateMachine: typeof _ModuleSupport.StateMachine;
-interface LineStateMachineContext extends Omit<AnnotationsStateMachineContext, 'create'> {
-    create: (datum: LineProperties) => void;
+interface LineStateMachineContext<Datum extends ArrowProperties | LineProperties> extends Omit<AnnotationsStateMachineContext, 'create'> {
+    create: (datum: Datum) => void;
     delete: () => void;
-    datum: () => LineProperties | undefined;
+    datum: () => Datum | undefined;
     node: () => LineScene | undefined;
+    showAnnotationOptions: () => void;
     guardDragClickDoubleEvent: GuardDragClickDoubleEvent;
 }
-export declare class LineStateMachine extends StateMachine<'start' | 'end', 'click' | 'hover' | 'drag' | 'reset' | 'cancel'> {
+declare abstract class LineTypeStateMachine<Datum extends ArrowProperties | LineProperties> extends StateMachine<'start' | 'end', 'click' | 'hover' | 'drag' | 'reset' | 'cancel'> {
     debug: _Util.DebugLogger;
-    constructor(ctx: LineStateMachineContext);
+    constructor(ctx: LineStateMachineContext<Datum>);
+    abstract createDatum(): Datum;
 }
+export declare class ArrowStateMachine extends LineTypeStateMachine<ArrowProperties> {
+    createDatum(): ArrowProperties;
+}
+export declare class LineStateMachine extends LineTypeStateMachine<LineProperties> {
+    createDatum(): LineProperties;
+}
 export {};

dist/types/src/features/annotations/note/noteProperties.d.ts

 import { _ModuleSupport } from 'ag-charts-community';
-import { type AnnotationContext, type AnnotationOptionsColorPickerType, type Padding, TextualAnnotationType } from '../annotationTypes';
+import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType, type Padding } from '../annotationTypes';
 import { TextualPointProperties } from '../properties/textualPointProperties';
@@ -32,3 +32,3 @@ declare const NoteBackgroundProperties_base: {
     static is(value: unknown): value is NoteProperties;
-    type: TextualAnnotationType.Note;
+    type: AnnotationType.Note;
     background: NoteBackgroundProperties;
@@ -35,0 +35,0 @@ position: "bottom";

dist/types/src/features/annotations/parallel-channel/parallelChannelProperties.d.ts

@@ -1,3 +0,3 @@
-import { _ModuleSupport } from 'ag-charts-community';
-import { ChannelAnnotationMiddleProperties } from '../annotationProperties';
+import { type PixelSize, _ModuleSupport, type _Scene } from 'ag-charts-community';
+import { ChannelAnnotationMiddleProperties, ChannelTextProperties } from '../annotationProperties';
 import { type AnnotationContext, type AnnotationOptionsColorPickerType, AnnotationType } from '../annotationTypes';
@@ -28,4 +28,4 @@ declare const ParallelChannelProperties_base: (abstract new (...args: any[]) => {
     new (...args: any[]): {
-        extendLeft?: boolean | undefined;
-        extendRight?: boolean | undefined;
+        extendStart?: boolean | undefined;
+        extendEnd?: boolean | undefined;
     };
@@ -42,2 +42,3 @@ } & {
         lineDashOffset?: number | undefined;
+        lineStyle?: import("ag-charts-community").AgAnnotationLineStyleType | undefined;
     };
@@ -50,2 +51,5 @@ } & typeof _ModuleSupport.BaseProperties;
     middle: ChannelAnnotationMiddleProperties;
+    text: ChannelTextProperties;
+    lineCap?: _Scene.ShapeLineCap;
+    computedLineDash?: PixelSize[];
     get bottom(): {
@@ -64,3 +68,5 @@ start: {
     getDefaultOpacity(colorPickerType: AnnotationOptionsColorPickerType): number | undefined;
+    getLineDash(): PixelSize[] | undefined;
+    getLineCap(): _Scene.ShapeLineCap | undefined;
 }
 export {};

dist/types/src/features/annotations/parallel-channel/parallelChannelScene.d.ts

@@ -0,1 +1,2 @@
+import { _Util } from 'ag-charts-community';
 import type { AnnotationContext, Coords, LineCoords } from '../annotationTypes';
@@ -24,5 +25,11 @@ import { ChannelScene } from '../scenes/channelScene';
     protected getOtherCoords(datum: ParallelChannelProperties, topLeft: Coords, topRight: Coords, context: AnnotationContext): Coords[];
-    updateLines(datum: ParallelChannelProperties, top: LineCoords, bottom: LineCoords): void;
+    containsPoint(x: number, y: number): boolean;
+    updateLines(datum: ParallelChannelProperties, top: LineCoords, bottom: LineCoords, context: AnnotationContext, naturalTop: LineCoords, naturalBottom: LineCoords): void;
     updateHandles(datum: ParallelChannelProperties, top: LineCoords, bottom: LineCoords): void;
+    updateText: (datum: {
+        strokeWidth?: number | undefined;
+        text?: import("../annotationProperties").ChannelTextProperties | undefined;
+    }, top: LineCoords, bottom: LineCoords) => void;
+    protected getBackgroundPoints(datum: ParallelChannelProperties, top: LineCoords, bottom: LineCoords, bounds: LineCoords): [_Util.Vec2, _Util.Vec2];
 }
 export {};

dist/types/src/features/annotations/parallel-channel/parallelChannelState.d.ts

 import { _ModuleSupport, _Util } from 'ag-charts-community';
-import type { GuardDragClickDoubleEvent } from '../annotationTypes';
+import { type GuardDragClickDoubleEvent } from '../annotationTypes';
 import type { AnnotationsStateMachineContext } from '../annotationsSuperTypes';
@@ -12,2 +12,3 @@ import { ParallelChannelProperties } from './parallelChannelProperties';
     node: () => ParallelChannelScene | undefined;
+    showAnnotationOptions: () => void;
     guardDragClickDoubleEvent: GuardDragClickDoubleEvent;
@@ -14,0 +15,0 @@ }

dist/types/src/features/annotations/properties/textualPointProperties.d.ts

 import { _ModuleSupport } from 'ag-charts-community';
 import { type AnnotationContext, type AnnotationOptionsColorPickerType, type Padding } from '../annotationTypes';
+import type { AnnotationTextAlignment, AnnotationTextPosition } from '../text/util';
 declare const TextualPointProperties_base: (abstract new (...args: any[]) => {
@@ -38,4 +39,4 @@ id: string;
     text: string;
-    position: 'top' | 'center' | 'bottom';
-    alignment: 'left' | 'center' | 'right';
+    position: AnnotationTextPosition;
+    alignment: AnnotationTextAlignment;
     placement: 'inside' | 'outside';
@@ -49,2 +50,6 @@ width?: number;
     getPadding(): Padding;
+    getText(): {
+        text: string;
+        isPlaceholder: boolean;
+    };
     getTextInputCoords(context: AnnotationContext): {
@@ -51,0 +56,0 @@ x: number;

dist/types/src/features/annotations/properties/textualStartEndProperties.d.ts

 import { _ModuleSupport } from 'ag-charts-community';
 import { type AnnotationContext, type AnnotationOptionsColorPickerType, type Padding } from '../annotationTypes';
+import type { AnnotationTextAlignment, AnnotationTextPosition } from '../text/util';
 declare const TextualStartEndProperties_base: (abstract new (...args: any[]) => {
@@ -14,2 +15,7 @@ id: string;
     new (...args: any[]): {
+        localeManager?: import("packages/ag-charts-community/dist/types/src/locale/localeManager").LocaleManager | undefined;
+        setLocaleManager(localeManager: import("packages/ag-charts-community/dist/types/src/locale/localeManager").LocaleManager): void;
+    };
+} & {
+    new (...args: any[]): {
         start: import("../annotationProperties").PointProperties;
@@ -39,4 +45,4 @@ end: import("../annotationProperties").PointProperties;
     text: string;
-    position: 'top' | 'center' | 'bottom';
-    alignment: 'left' | 'center' | 'right';
+    position: AnnotationTextPosition;
+    alignment: AnnotationTextAlignment;
     placement: 'inside' | 'outside';
@@ -50,2 +56,6 @@ width?: number;
     getPadding(): Padding;
+    getText(): {
+        text: string;
+        isPlaceholder: boolean;
+    };
     getTextInputCoords(context: AnnotationContext): {
@@ -52,0 +62,0 @@ x: number;

dist/types/src/features/annotations/scenes/annotationScene.d.ts

 import { _ModuleSupport, _Scene } from 'ag-charts-community';
 export declare abstract class AnnotationScene extends _Scene.Group {
     static isCheck(value: unknown, type: string): boolean;
+    name: string;
     zIndex: _ModuleSupport.Layers;
     abstract type: string;
     abstract activeHandle?: string;
-    private cachedBBoxWithoutHandles?;
     abstract containsPoint(x: number, y: number): boolean;
@@ -12,12 +12,6 @@ abstract toggleHandles(show: boolean | Record<string, boolean>): void;
     abstract stopDragging(): void;
-    abstract getAnchor(): {
-        x: number;
-        y: number;
-        position?: 'right' | 'above' | 'above-left';
-    };
+    abstract getAnchor(): _ModuleSupport.ToolbarAnchor;
     abstract getCursor(): string | undefined;
     toggleHovered(hovered: boolean): void;
-    protected getCachedBBoxWithoutHandles(): Readonly<_Scene.BBox>;
     protected computeBBoxWithoutHandles(): _Scene.BBox;
-    render(renderCtx: _Scene.RenderContext): void;
 }

dist/types/src/features/annotations/scenes/channelScene.d.ts

@@ -1,7 +0,7 @@
-import { _Scene } from 'ag-charts-community';
-import type { PointProperties } from '../annotationProperties';
+import { _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
+import type { ChannelTextProperties, PointProperties } from '../annotationProperties';
 import type { AnnotationContext, LineCoords } from '../annotationTypes';
+import { CollidableLine } from './collidableLineScene';
 import type { Handle } from './handle';
 import { LinearScene } from './linearScene';
-import { CollidableLine } from './shapes';
 export declare abstract class ChannelScene<Datum extends {
@@ -20,2 +20,4 @@ background: {
     };
+    strokeWidth?: number;
+    text?: ChannelTextProperties;
 }> extends LinearScene<Datum> {
@@ -25,18 +27,19 @@ protected handles: {
     };
-    protected seriesRect?: _Scene.BBox;
     protected topLine: CollidableLine;
     protected bottomLine: CollidableLine;
     protected background: _Scene.Path;
+    text?: _Scene.TransformableText;
+    private readonly anchor;
     update(datum: Datum, context: AnnotationContext): void;
     toggleActive(active: boolean): void;
     stopDragging(): void;
-    getAnchor(): {
-        x: number;
-        y: number;
-    };
+    getAnchor(): _ModuleSupport.ToolbarAnchor;
     getCursor(): string | undefined;
     containsPoint(x: number, y: number): boolean;
-    protected abstract updateLines(datum: Datum, top: LineCoords, bottom: LineCoords): void;
+    protected abstract updateLines(datum: Datum, top: LineCoords, bottom: LineCoords, context: AnnotationContext, naturalTop: LineCoords, naturalBottom: LineCoords): void;
     protected abstract updateHandles(datum: Datum, top: LineCoords, bottom: LineCoords): void;
-    protected updateBackground(datum: Datum, top: LineCoords, bottom: LineCoords): void;
+    protected abstract updateText(datum: Datum, top: LineCoords, bottom: LineCoords): void;
+    protected updateBackground(datum: Datum, top: LineCoords, bottom: LineCoords, context: AnnotationContext): void;
+    protected updateAnchor(top: LineCoords, bottom: LineCoords): void;
+    protected abstract getBackgroundPoints(datum: Datum, top: LineCoords, bottom: LineCoords, bounds: LineCoords): Array<_Util.Vec2>;
 }

dist/types/src/features/annotations/scenes/linearScene.d.ts

@@ -0,3 +1,4 @@
+import { _Util } from 'ag-charts-community';
 import type { PointProperties } from '../annotationProperties';
-import type { AnnotationContext, Coords } from '../annotationTypes';
+import type { AnnotationContext, Coords, LineCoords } from '../annotationTypes';
 import { AnnotationScene } from './annotationScene';
@@ -7,2 +8,4 @@ export declare abstract class LinearScene<Datum extends {
     end: Pick<PointProperties, 'x' | 'y'>;
+    extendStart?: boolean;
+    extendEnd?: boolean;
     locked?: boolean;
@@ -15,2 +18,8 @@ }> extends AnnotationScene {
     };
+    protected extendLine({ x1, y1, x2, y2 }: LineCoords, datum: Datum, context: AnnotationContext): {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
     dragStart(datum: Datum, target: Coords, context: AnnotationContext): void;
@@ -20,3 +29,11 @@ drag(datum: Datum, target: Coords, context: AnnotationContext): void;
     protected dragAll(datum: Datum, target: Coords, context: AnnotationContext): void;
+    translatePoints({ datum, start, end, translation, context, }: {
+        datum: Datum;
+        start: Coords;
+        end: Coords;
+        translation: _Util.Vec2;
+        context: AnnotationContext;
+    }): void;
+    copy(datum: Datum, copiedDatum: Datum, context: AnnotationContext): Datum | undefined;
     protected getOtherCoords(_datum: Datum, _topLeft: Coords, _topRight: Coords, _context: AnnotationContext): Array<Coords>;
 }

dist/types/src/features/annotations/scenes/textualPointScene.d.ts

@@ -1,2 +0,2 @@
-import { _Scene, _Util } from 'ag-charts-community';
+import { _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
 import type { AnnotationContext, Coords } from '../annotationTypes';
@@ -6,9 +6,3 @@ import type { TextualPointProperties } from '../properties/textualPointProperties';
 import { DivariantHandle } from './handle';
-interface Anchor {
-    x: number;
-    y: number;
-    position: 'above' | 'above-left' | 'right';
-}
 export declare abstract class TextualPointScene<Datum extends TextualPointProperties> extends AnnotationScene {
-    static readonly LineHeight = 1.38;
     activeHandle?: string;
@@ -27,6 +21,7 @@ protected readonly label: _Scene.Text;
     drag(datum: Datum, target: Coords, context: AnnotationContext): void;
+    copy(datum: Datum, copiedDatum: Datum, context: AnnotationContext): Datum;
     toggleHandles(show: boolean | Partial<Record<'handle', boolean>>): void;
     toggleActive(active: boolean): void;
     stopDragging(): void;
-    getAnchor(): Anchor;
+    getAnchor(): _ModuleSupport.ToolbarAnchor;
     getCursor(): "pointer" | undefined;
@@ -41,3 +36,3 @@ containsPoint(x: number, y: number): boolean;
         y: number;
-        position: "right" | "above" | "above-left";
+        position: "right" | "above" | "above-left" | "below" | undefined;
     };
@@ -52,5 +47,2 @@ protected getLabelCoords(_datum: Datum, bbox: _Scene.BBox): _Util.Vec2;
     };
-    private wrapText;
-    private getTextOptions;
 }
-export {};

dist/types/src/features/annotations/scenes/textualStartEndScene.d.ts

@@ -1,3 +0,3 @@
-import { type AgAnnotationHandleStyles, _Scene, _Util } from 'ag-charts-community';
-import { type AnnotationContext, type Coords, type LineCoords } from '../annotationTypes';
+import { type AgAnnotationHandleStyles, _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
+import type { AnnotationContext, Coords, LineCoords } from '../annotationTypes';
 import type { TextualStartEndProperties } from '../properties/textualStartEndProperties';
@@ -7,3 +7,2 @@ import { DivariantHandle } from '../scenes/handle';
 export declare abstract class TextualStartEndScene<Datum extends TextualStartEndProperties> extends LinearScene<Datum> {
-    static readonly LineHeight = 1.38;
     activeHandle?: 'start' | 'end';
@@ -13,11 +12,6 @@ protected readonly label: _Scene.Text;
     protected readonly end: DivariantHandle;
-    protected anchor: {
-        x: number;
-        y: number;
-        position: 'above' | 'above-left' | 'right';
-    };
+    protected anchor: _ModuleSupport.ToolbarAnchor;
     protected textInputBBox?: _Scene.BBox;
     setTextInputBBox(bbox?: _Scene.BBox): void;
     update(datum: Datum, context: AnnotationContext): void;
-    protected getTextBBox(datum: Datum, coords: LineCoords): _Scene.BBox;
     toggleHandles(show: boolean | Partial<Record<'start' | 'end', boolean>>): void;
@@ -27,22 +21,13 @@ toggleActive(active: boolean): void;
     stopDragging(): void;
-    getAnchor(): {
-        x: number;
-        y: number;
-        position?: 'right' | 'above' | 'above-left';
-    };
+    getAnchor(): _ModuleSupport.ToolbarAnchor;
     getCursor(): "pointer" | undefined;
     containsPoint(x: number, y: number): boolean;
+    protected getTextBBox(datum: Datum, coords: LineCoords): _Scene.BBox;
     protected updateLabel(datum: Datum, bbox: _Scene.BBox, coords: LineCoords): void;
     protected updateHandles(datum: Datum, bbox: _Scene.BBox, coords: LineCoords): void;
-    protected updateAnchor(_datum: Datum, bbox: _Scene.BBox, context: AnnotationContext): {
-        x: number;
-        y: number;
-        position: "right" | "above" | "above-left";
-    };
     protected updateShape(_datum: Datum, _textBBox: _Scene.BBox, _coords: LineCoords): void;
+    protected updateAnchor(_datum: Datum, bbox: _Scene.BBox, context: AnnotationContext): _ModuleSupport.ToolbarAnchor;
     protected getLabelCoords(_datum: Datum, _bbox: _Scene.BBox, coords: LineCoords): _Util.Vec2;
     protected getHandleCoords(_datum: Datum, _bbox: _Scene.BBox, coords: LineCoords, handle: 'start' | 'end'): _Util.Vec2;
     protected getHandleStyles(datum: Datum, _handle: 'start' | 'end'): AgAnnotationHandleStyles;
-    private wrapText;
-    private getTextOptions;
 }

dist/types/src/features/annotations/text/textProperties.d.ts

@@ -1,7 +0,7 @@
-import { TextualAnnotationType } from '../annotationTypes';
+import { AnnotationType } from '../annotationTypes';
 import { TextualPointProperties } from '../properties/textualPointProperties';
 export declare class TextProperties extends TextualPointProperties {
     static is(value: unknown): value is TextProperties;
-    type: TextualAnnotationType.Text;
+    type: AnnotationType.Text;
     position: "bottom";
 }

dist/types/src/features/annotations/text/textScene.d.ts

@@ -1,2 +0,2 @@
-import { _Util } from 'ag-charts-community';
+import type { _Util } from 'ag-charts-community';
 import { AnnotationType } from '../annotationTypes';
@@ -3,0 +3,0 @@ import { TextualPointScene } from '../scenes/textualPointScene';

dist/types/src/features/chart-toolbar/chartToolbar.d.ts

@@ -5,10 +5,9 @@ import { _ModuleSupport } from 'ag-charts-community';
     enabled: boolean;
-    private readonly popover;
-    private anchor?;
+    private readonly menu;
     constructor(ctx: _ModuleSupport.ModuleContext);
-    private enableChanged;
-    processData(): Promise<void>;
+    private onEnableChanged;
+    private onLayoutComplete;
     private setAnchor;
-    private toolbarButtonMoved;
-    private toolbarButtonPressed;
+    private onToolbarButtonMoved;
+    private onToolbarButtonPressed;
     private hidePopover;
@@ -15,0 +14,0 @@ private setChartType;

dist/types/src/features/color-picker/colorPicker.d.ts

 import { _ModuleSupport } from 'ag-charts-community';
-export declare class ColorPicker extends _ModuleSupport.BaseModuleInstance implements _ModuleSupport.ModuleInstance {
-    private readonly ctx;
-    private readonly element;
-    private anchor?;
-    private fallbackAnchor?;
-    constructor(ctx: _ModuleSupport.ModuleContext);
-    show(opts: {
-        color?: string;
-        opacity?: number;
-        onChange?: (colorOpacity: string, color: string, opacity: number) => void;
-        onClose: () => void;
-    }): void;
-    setAnchor(anchor: {
-        x: number;
-        y: number;
-    }, fallbackAnchor?: {
-        x?: number;
-        y?: number;
-    }): void;
-    hide(): void;
-    isChildElement(element: HTMLElement): boolean;
-    private updatePosition;
-    private repositionWithinBounds;
+import { AnchoredPopover, type AnchoredPopoverOptions } from '../../components/popover/anchoredPopover';
+import type { PopoverConstructorOptions } from '../../components/popover/popover';
+export interface ColorPickerOptions extends AnchoredPopoverOptions {
+    color?: string;
+    opacity?: number;
+    sourceEvent: Event;
+    onChange?: (colorOpacity: string, color: string, opacity: number) => void;
+    onChangeHide?: () => void;
 }
+export declare class ColorPicker extends AnchoredPopover<ColorPickerOptions> {
+    private hasChanged;
+    private onChangeHide?;
+    constructor(ctx: _ModuleSupport.ModuleContext, options?: PopoverConstructorOptions);
+    show(options: ColorPickerOptions): void;
+    private createColorPicker;
+}

dist/types/src/features/context-menu/contextMenu.d.ts

@@ -29,12 +29,9 @@ import type { AgContextMenuOptions } from 'ag-charts-community';
     private menuElement?;
-    private menuElementDestroyFns;
-    private lastFocus?;
+    private menuCloser?;
     private readonly mutationObserver?;
     constructor(ctx: _ModuleSupport.ModuleContext);
-    private isShown;
-    private onClick;
     private onContext;
-    private getLastFocus;
     private show;
     private hide;
+    private doClose;
     private renderMenu;
@@ -41,0 +38,0 @@ private appendMenuGroup;

dist/types/src/features/crosshair/crosshair.d.ts

@@ -19,3 +19,2 @@ import { _ModuleSupport, _Scene } from 'ag-charts-community';
     private bounds;
-    private visible;
     private axisLayout?;
@@ -22,0 +21,0 @@ private labelFormatter?;

dist/types/src/features/crosshair/crosshairLabel.d.ts

@@ -22,3 +22,3 @@ import type { AgCrosshairLabelRendererParams, AgCrosshairLabelRendererResult } from 'ag-charts-community';
     private readonly element;
-    constructor(domManager: _ModuleSupport.DOMManager);
+    constructor(domManager: _ModuleSupport.DOMManager, key: string, axisId: string);
     show(meta: _Scene.Point): void;
@@ -25,0 +25,0 @@ setLabelHtml(html?: string): void;

dist/types/src/features/navigator/miniChart.d.ts

@@ -11,3 +11,3 @@ import { _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
     readonly root: _Scene.Group;
-    readonly seriesRoot: _Scene.Group;
+    readonly seriesRoot: _Scene.TranslatableGroup;
     readonly axisGridGroup: _Scene.Group;
@@ -27,8 +27,4 @@ readonly axisGroup: _Scene.Group;
     private findMatchingAxis;
-    updateData(opts: {
-        data: any;
-    }): Promise<void>;
-    processData(opts: {
-        dataController: _ModuleSupport.DataController;
-    }): Promise<void>;
+    updateData(data: any): void;
+    processData(dataController: _ModuleSupport.DataController): Promise<void>;
     computeAxisPadding(): _Util.Padding;
@@ -35,0 +31,0 @@ layout(width: number, height: number): Promise<void>;

dist/types/src/features/navigator/navigator.d.ts

@@ -1,2 +0,2 @@
-import { _ModuleSupport, _Scene } from 'ag-charts-community';
+import { _ModuleSupport } from 'ag-charts-community';
 import { MiniChart } from './miniChart';
@@ -6,12 +6,6 @@ export declare class Navigator extends _ModuleSupport.Navigator {
     constructor(ctx: _ModuleSupport.ModuleContext);
-    updateData(opts: {
-        data: any;
-    }): Promise<void>;
-    processData(opts: {
-        dataController: _ModuleSupport.DataController;
-    }): Promise<void>;
-    performLayout(opts: _ModuleSupport.LayoutContext): Promise<_ModuleSupport.LayoutContext>;
-    performCartesianLayout(opts: {
-        seriesRect: _Scene.BBox;
-    }): Promise<void>;
+    updateData(data: any): void;
+    processData(dataController: _ModuleSupport.DataController): Promise<void>;
+    protected onLayoutStart(opts: _ModuleSupport.LayoutContext): void;
+    onLayoutComplete(opts: _ModuleSupport.LayoutCompleteEvent): Promise<void>;
 }

dist/types/src/features/status-bar/statusBar.d.ts

 import { _ModuleSupport, _Scene } from 'ag-charts-community';
+declare const BaseProperties: typeof _ModuleSupport.BaseProperties;
+declare class StatusBarBackground extends BaseProperties {
+    fill: string;
+    fillOpacity: number;
+}
 export declare class StatusBar extends _ModuleSupport.BaseModuleInstance implements _ModuleSupport.ModuleInstance, _ModuleSupport.ScopeProvider {
@@ -15,2 +20,3 @@ private readonly ctx;
     readonly altNeutral: _Scene.Label<never, any>;
+    readonly background: StatusBarBackground;
     layoutStyle: 'block' | 'overlay';
@@ -21,13 +27,11 @@ readonly id = "status-bar";
     private readonly labelGroup;
+    private readonly backgroundNode;
     private readonly labels;
     constructor(ctx: _ModuleSupport.ModuleContext);
-    processData(opts: {
-        dataController: _ModuleSupport.DataController;
-    }): Promise<void>;
-    startPerformLayout(opts: _ModuleSupport.LayoutContext): _ModuleSupport.LayoutContext;
-    performCartesianLayout(opts: {
-        seriesRect: _Scene.BBox;
-    }): Promise<void>;
+    processData(dataController: _ModuleSupport.DataController): Promise<void>;
+    private startPerformLayout;
+    private onLayoutComplete;
     private updateHighlight;
     private getChartType;
 }
+export {};

dist/types/src/features/text-input/textInput.d.ts

 import { _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
 import type { FontOptions, TextAlign } from 'ag-charts-types';
+import type { AnnotationTextPosition } from '../annotations/text/util';
 interface Layout {
     getTextInputCoords: () => _Util.Vec2;
-    position: 'top' | 'center' | 'bottom';
+    position: AnnotationTextPosition;
     alignment: 'left' | 'center' | 'right';
@@ -21,2 +22,3 @@ textAlign: TextAlign;
         text?: string;
+        placeholderText?: string;
         styles?: FontOptions & {
@@ -23,0 +25,0 @@ placeholderColor?: string;

dist/types/src/features/zoom/zoom.d.ts

@@ -47,10 +47,15 @@ import type { AgToolbarGroupAlignment, AgToolbarGroupPosition, AgToolbarGroupSize, AgToolbarZoomButton, AgZoomAnchorPoint, AgZoomButtons } from 'ag-charts-community';
     private hoveredAxis?;
+    private axisIds;
+    private axisDomains;
     private shouldFlipXY?;
     private minRatioX;
     private minRatioY;
+    private restoreEvent?;
+    private hasPerformedLayout;
     constructor(ctx: _ModuleSupport.ModuleContext);
+    destroy(): void;
+    private _destroyContextMenuActions;
     private onEnabledChange;
     private onZoomButtonsChange;
     private onRangeChange;
-    private onRatioChange;
     private onDoubleClick;
@@ -70,4 +75,7 @@ private onDragStart;
     private onZoomChange;
+    private onRestoreZoom;
     private onZoomPanStart;
     private onPanUpdate;
+    private updateAxes;
+    private getPrimaryAxis;
     private isPanningKeyPressed;
@@ -80,3 +88,6 @@ private isScalingX;
     private updateZoom;
+    private updatePrimaryAxisZooms;
+    private updateUnifiedZoom;
     private updateAxisZoom;
+    private restoreZoom;
     private getZoom;
@@ -83,0 +94,0 @@ private getResetZoom;

dist/types/src/features/zoom/zoomAxisDragger.d.ts

@@ -6,3 +6,3 @@ import type { AgZoomAnchorPoint, _Scene } from 'ag-charts-community';
     private oldZoom?;
-    update(event: _ModuleSupport.PointerInteractionEvent<'drag'>, direction: _ModuleSupport.ChartAxisDirection, anchor: AgZoomAnchorPoint, bbox: _Scene.BBox, zoom?: _ModuleSupport.AxisZoomState, axisZoom?: _ModuleSupport.ZoomState): _ModuleSupport.ZoomState;
+    update(event: _ModuleSupport.RegionEvent<'drag'>, direction: _ModuleSupport.ChartAxisDirection, anchor: AgZoomAnchorPoint, bbox: _Scene.BBox, zoom?: _ModuleSupport.AxisZoomState, axisZoom?: _ModuleSupport.ZoomState): _ModuleSupport.ZoomState;
     stop(): void;
@@ -9,0 +9,0 @@ private updateCoords;

dist/types/src/features/zoom/zoomContextMenu.d.ts

@@ -10,3 +10,3 @@ import type { _ModuleSupport, _Scene } from 'ag-charts-community';
     constructor(contextMenuRegistry: _ModuleSupport.ContextMenuRegistry, zoomManager: _ModuleSupport.ZoomManager, getModuleProperties: () => ZoomProperties, getRect: () => _Scene.BBox | undefined, updateZoom: (zoom: DefinedZoomState) => void);
-    registerActions(enabled: boolean | undefined, zoom: DefinedZoomState): void;
+    registerActions(enabled: boolean | undefined, zoom: DefinedZoomState): (() => void) | undefined;
     toggleActions(zoom: DefinedZoomState): void;
@@ -13,0 +13,0 @@ private onZoomToHere;

dist/types/src/features/zoom/zoomRange.d.ts

@@ -1,2 +0,1 @@
-import { _ModuleSupport } from 'ag-charts-community';
 export declare class ZoomRange {
@@ -6,7 +5,6 @@ private readonly onChange;
     end?: Date | number;
-    private axisId?;
     private domain?;
     private initialStart?;
     private initialEnd?;
-    constructor(onChange: (axisId?: string, range?: {
+    constructor(onChange: (range?: {
         min: number;
@@ -23,2 +21,4 @@ max: number;
     } | undefined;
+    updateDomain(domain: Array<Date | number>): void;
+    restore(start?: Date | number, end?: Date | number): void;
     extendToEnd(extent: number): {
@@ -37,4 +37,3 @@ start: number | Date;
     extendAll(): void;
-    updateAxis(axes: _ModuleSupport.AxisLayout[]): boolean;
     private getRangeWithValues;
 }

dist/types/src/features/zoom/zoomRatio.d.ts

@@ -7,2 +7,3 @@ export declare class ZoomRatio {
     private initialEnd?;
+    private hasRestored;
     constructor(onChange: (ratio?: {
@@ -20,3 +21,4 @@ min: number;
     } | undefined;
+    restore(start?: number, end?: number): void;
     private getRatioWithValues;
 }

dist/types/src/gradient-legend/gradientLegend.d.ts

@@ -22,3 +22,2 @@ import { type AgChartLegendPosition, type AgGradientLegendScaleOptions, _ModuleSupport, _Scene } from 'ag-charts-community';
     private readonly gradientRect;
-    private readonly gradientFill;
     private readonly arrow;
@@ -25,0 +24,0 @@ private readonly ticksGroup;

dist/types/src/series/box-plot/boxPlotGroup.d.ts

 import type { AgBoxPlotSeriesStyle } from 'ag-charts-community';
 import { _ModuleSupport, _Scene } from 'ag-charts-community';
 import type { BoxPlotNodeDatum } from './boxPlotTypes';
-declare const Group: typeof _Scene.Group;
-export declare class BoxPlotGroup extends Group implements _ModuleSupport.DistantObject {
+declare const ScalableGroup: typeof _Scene.ScalableGroup;
+export declare class BoxPlotGroup extends ScalableGroup implements _ModuleSupport.DistantObject {
     constructor();
@@ -7,0 +7,0 @@ updateDatumStyles(datum: BoxPlotNodeDatum, activeStyles: _ModuleSupport.DeepRequired<AgBoxPlotSeriesStyle>, isVertical: boolean, isReversedValueAxis: boolean | undefined): void;

dist/types/src/series/candlestick/candlestickSeries.d.ts

@@ -41,3 +41,3 @@ import { type AgCandlestickSeriesItemOptions, _ModuleSupport, _Scene } from 'ag-charts-community';
             midPoint?: Readonly<_Scene.Point> | undefined;
-            point?: Readonly<_Scene.SizedPoint> | undefined;
+            point?: (Readonly<_Scene.Point> & _Scene.SizedPoint) | undefined;
             missing?: boolean | undefined;
@@ -44,0 +44,0 @@ xValue?: any;

dist/types/src/series/chord/chordSeries.d.ts

@@ -45,6 +45,6 @@ import { _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
         labelData: ChordNodeLabelDatum[];
-        labelSelection: _Scene.Selection<_Scene.Text, ChordNodeLabelDatum>;
-    }): Promise<_Scene.Selection<_Scene.Text, ChordNodeLabelDatum>>;
+        labelSelection: _Scene.Selection<_Scene.TransformableText, ChordNodeLabelDatum>;
+    }): Promise<_Scene.Selection<_Scene.TransformableText, ChordNodeLabelDatum>>;
     protected updateLabelNodes(opts: {
-        labelSelection: _Scene.Selection<_Scene.Text, ChordNodeLabelDatum>;
+        labelSelection: _Scene.Selection<_Scene.TransformableText, ChordNodeLabelDatum>;
     }): Promise<void>;
@@ -51,0 +51,0 @@ protected updateNodeSelection(opts: {

dist/types/src/series/flow-proportion/flowProportionProperties.d.ts

 import type { _ModuleSupport } from 'ag-charts-community';
-export interface FlowProportionSeriesProperties<SeriesOptions extends {}> extends _ModuleSupport.SeriesProperties<SeriesOptions> {
+export interface FlowProportionSeriesProperties<SeriesOptions extends object> extends _ModuleSupport.SeriesProperties<SeriesOptions> {
     nodes: any[] | undefined;
@@ -4,0 +4,0 @@ fromKey: string;

dist/types/src/series/flow-proportion/flowProportionSeries.d.ts

@@ -66,4 +66,4 @@ import { _ModuleSupport, _Scene } from 'ag-charts-community';
         labelData: TLabel[];
-        labelSelection: _Scene.Selection<_Scene.Text, TLabel>;
-    }): Promise<_Scene.Selection<_Scene.Text, TLabel>>;
+        labelSelection: _Scene.Selection<_Scene.TransformableText, TLabel>;
+    }): Promise<_Scene.Selection<_Scene.TransformableText, TLabel>>;
     protected abstract updateLabelNodes(opts: {
@@ -70,0 +70,0 @@ labelSelection: _Scene.Selection<_Scene.Text, TLabel>;

dist/types/src/series/map-shape/mapShapeSeriesProperties.d.ts

 import type { AgMapShapeSeriesItemStylerParams, AgMapShapeSeriesLabelFormatterParams, AgMapShapeSeriesOptions, AgMapShapeSeriesStyle, AgMapShapeSeriesTooltipRendererParams, Styler } from 'ag-charts-community';
 import { _ModuleSupport } from 'ag-charts-community';
-import { AutoSizeableSecondaryLabel } from '../util/autoSizedLabel';
+import { AutoSizedSecondaryLabel } from '../util/autoSizedLabel';
 declare const SeriesProperties: typeof _ModuleSupport.SeriesProperties;
@@ -40,5 +40,5 @@ export interface MapShapeNodeLabelDatum {
     itemStyler?: Styler<AgMapShapeSeriesItemStylerParams<unknown>, AgMapShapeSeriesStyle>;
-    readonly label: AutoSizeableSecondaryLabel<AgMapShapeSeriesLabelFormatterParams>;
+    readonly label: AutoSizedSecondaryLabel<AgMapShapeSeriesLabelFormatterParams>;
     readonly tooltip: _ModuleSupport.SeriesTooltip<AgMapShapeSeriesTooltipRendererParams<any>>;
 }
 export {};

dist/types/src/series/ohlc/ohlcSeries.d.ts

@@ -37,3 +37,3 @@ import { type AgOhlcSeriesItemOptions, _ModuleSupport, _Scene } from 'ag-charts-community';
             midPoint?: Readonly<_Scene.Point> | undefined;
-            point?: Readonly<_Scene.SizedPoint> | undefined;
+            point?: (Readonly<_Scene.Point> & _Scene.SizedPoint) | undefined;
             missing?: boolean | undefined;
@@ -40,0 +40,0 @@ xValue?: any;

dist/types/src/series/radar/radarSeries.d.ts

@@ -53,3 +53,3 @@ import { _ModuleSupport, _Scene } from 'ag-charts-community';
     onLegendItemDoubleClick(event: _ModuleSupport.LegendItemDoubleClickChartEvent): void;
-    protected pickNodeClosestDatum(point: _Scene.Point): _ModuleSupport.SeriesNodePickMatch | undefined;
+    protected pickNodeClosestDatum(hitPoint: _Scene.Point): _ModuleSupport.SeriesNodePickMatch | undefined;
     computeLabelsBBox(): Promise<_Scene.BBox | null>;
@@ -56,0 +56,0 @@ protected getLineNode(): _Scene.Path;

dist/types/src/series/sankey/sankeySeries.d.ts

@@ -18,6 +18,6 @@ import { _ModuleSupport, _Scene, _Util } from 'ag-charts-community';
         labelData: SankeyNodeLabelDatum[];
-        labelSelection: _Scene.Selection<_Scene.Text, SankeyNodeLabelDatum>;
-    }): Promise<_Scene.Selection<_Scene.Text, SankeyNodeLabelDatum>>;
+        labelSelection: _Scene.Selection<_Scene.TransformableText, SankeyNodeLabelDatum>;
+    }): Promise<_Scene.Selection<_Scene.TransformableText, SankeyNodeLabelDatum>>;
     protected updateLabelNodes(opts: {
-        labelSelection: _Scene.Selection<_Scene.Text, SankeyNodeLabelDatum>;
+        labelSelection: _Scene.Selection<_Scene.TransformableText, SankeyNodeLabelDatum>;
     }): Promise<void>;
@@ -24,0 +24,0 @@ protected updateNodeSelection(opts: {

dist/types/src/series/sunburst/sunburstSeries.d.ts

 import { _ModuleSupport, _Scene } from 'ag-charts-community';
 import { SunburstSeriesProperties } from './sunburstSeriesProperties';
-export declare class SunburstSeries extends _ModuleSupport.HierarchySeries<_Scene.Group, SunburstSeriesProperties, _ModuleSupport.SeriesNodeDatum> {
+export declare class SunburstSeries extends _ModuleSupport.HierarchySeries<_Scene.ScalableGroup, SunburstSeriesProperties, _ModuleSupport.SeriesNodeDatum> {
     static readonly className = "SunburstSeries";
     static readonly type: "sunburst";
     properties: SunburstSeriesProperties;
-    groupSelection: _Scene.Selection<_Scene.Group, any>;
+    groupSelection: _Scene.Selection<_Scene.ScalableGroup, any>;
     private readonly highlightSelection;
@@ -18,4 +18,4 @@ private angleData;
     protected pickNodeClosestDatum(point: _Scene.Point): _ModuleSupport.SeriesNodePickMatch | undefined;
-    protected animateEmptyUpdateReady({ datumSelections, }: _ModuleSupport.HierarchyAnimationData<_Scene.Group, _ModuleSupport.SeriesNodeDatum>): void;
+    protected animateEmptyUpdateReady({ datumSelections, }: _ModuleSupport.HierarchyAnimationData<_Scene.ScalableGroup, _ModuleSupport.SeriesNodeDatum>): void;
     protected computeFocusBounds(nodeDatum: _ModuleSupport.HierarchyNode<_ModuleSupport.SeriesNodeDatum>): _Scene.Path | undefined;
 }

dist/types/src/series/sunburst/sunburstSeriesProperties.d.ts

 import type { AgSunburstSeriesItemStylerParams, AgSunburstSeriesLabelFormatterParams, AgSunburstSeriesOptions, AgSunburstSeriesStyle, AgSunburstSeriesTooltipRendererParams, Styler } from 'ag-charts-community';
 import { _ModuleSupport } from 'ag-charts-community';
-import { AutoSizeableSecondaryLabel, AutoSizedLabel } from '../util/autoSizedLabel';
+import { AutoSizedLabel, AutoSizedSecondaryLabel } from '../util/autoSizedLabel';
 declare const HierarchySeriesProperties: typeof _ModuleSupport.HierarchySeriesProperties, HighlightStyle: typeof _ModuleSupport.HighlightStyle;
@@ -27,5 +27,5 @@ declare class SunburstSeriesTileHighlightStyle extends HighlightStyle {
     readonly label: AutoSizedLabel<AgSunburstSeriesLabelFormatterParams<any>>;
-    readonly secondaryLabel: AutoSizeableSecondaryLabel<AgSunburstSeriesLabelFormatterParams<any>>;
+    readonly secondaryLabel: AutoSizedSecondaryLabel<AgSunburstSeriesLabelFormatterParams<any>>;
     readonly tooltip: _ModuleSupport.SeriesTooltip<AgSunburstSeriesTooltipRendererParams<any>>;
 }
 export {};

dist/types/src/series/treemap/treemapSeriesProperties.d.ts

 import type { AgTreemapSeriesItemStylerParams, AgTreemapSeriesLabelFormatterParams, AgTreemapSeriesOptions, AgTreemapSeriesStyle, AgTreemapSeriesTooltipRendererParams, Styler, TextAlign, VerticalAlign } from 'ag-charts-community';
 import { _ModuleSupport, _Scene } from 'ag-charts-community';
-import { AutoSizeableSecondaryLabel, AutoSizedLabel } from '../util/autoSizedLabel';
+import { AutoSizedLabel, AutoSizedSecondaryLabel } from '../util/autoSizedLabel';
 declare const Label: typeof _Scene.Label;
@@ -34,3 +34,3 @@ declare const BaseProperties: typeof _ModuleSupport.BaseProperties, HierarchySeriesProperties: typeof _ModuleSupport.HierarchySeriesProperties, HighlightStyle: typeof _ModuleSupport.HighlightStyle;
     readonly label: AutoSizedLabel<AgTreemapSeriesLabelFormatterParams<any>>;
-    readonly secondaryLabel: AutoSizeableSecondaryLabel<AgTreemapSeriesLabelFormatterParams<any>>;
+    readonly secondaryLabel: AutoSizedSecondaryLabel<AgTreemapSeriesLabelFormatterParams<any>>;
 }
@@ -52,3 +52,3 @@ declare class TreemapSeriesGroupHighlightStyle extends BaseProperties {
     readonly label: AutoSizedLabel<AgTreemapSeriesLabelFormatterParams<any>>;
-    readonly secondaryLabel: AutoSizeableSecondaryLabel<AgTreemapSeriesLabelFormatterParams<any>>;
+    readonly secondaryLabel: AutoSizedSecondaryLabel<AgTreemapSeriesLabelFormatterParams<any>>;
 }
@@ -55,0 +55,0 @@ declare class TreemapSeriesHighlightStyle extends HighlightStyle {

dist/types/src/series/util/autoSizedLabel.d.ts

@@ -6,2 +6,3 @@ import { _Scene } from 'ag-charts-community';
     overflowStrategy: OverflowStrategy;
+    lineHeight?: number;
     minimumFontSize?: number;
@@ -12,3 +13,3 @@ }
 }
-export declare class AutoSizeableSecondaryLabel<FormatterParams> extends BaseAutoSizedLabel<FormatterParams> {
+export declare class AutoSizedSecondaryLabel<FormatterParams> extends BaseAutoSizedLabel<FormatterParams> {
 }

dist/types/src/series/util/labelFormatter.d.ts

@@ -19,3 +19,3 @@ import type { AgChartAutoSizedBaseLabelOptions, AgChartAutoSizedLabelOptions, AgChartAutoSizedSecondaryLabelOptions, FontSize } from 'ag-charts-types';
 };
-type LabelFormatting = {
+export type LabelFormatting = {
     text: string;
@@ -22,0 +22,0 @@ fontSize: number;

package.json

 {
   "name": "ag-charts-enterprise",
-  "version": "10.1.0",
+  "version": "10.2.0",
   "description": "Advanced Charting / Charts supporting Javascript / Typescript / React / Angular / Vue",
@@ -56,3 +56,3 @@ "main": "./dist/package/main.cjs.js",
   ],
-  "homepage": "https://charts.ag-grid.com/",
+  "homepage": "https://ag-grid.com/charts/",
   "devDependencies": {
@@ -67,3 +67,3 @@ "@babel/types": "7.12.7",
     "@typescript-eslint/parser": "^5.51.0",
-    "ag-charts-community": "10.1.0",
+    "ag-charts-community": "10.2.0",
     "canvas": "^2.10.2",
@@ -88,3 +88,3 @@ "del": "^6.0.0",
   "dependencies": {
-    "ag-charts-community": "10.1.0"
+    "ag-charts-community": "10.2.0"
   },
@@ -91,0 +91,0 @@ "publishConfig": {

README.md

@@ -7,6 +7,6 @@ # Enterprise Charting Library
       <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Charts-Logo_Light-Theme.svg?raw=true"/>
-      <img width="100%" alt="AG Charts Logo" src="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Charts-Logo_Dark-Theme.svg?raw=true"/>
+      <img width="100%" alt="AG Charts Logo" src="https://github.com/ag-grid/ag-grid/blob/latest/documentation/ag-grid-docs/public/images/ag-logos/svg-logos/AG-Charts-Logo_Light-Theme.svg?raw=true"/>
     </picture>
     <div align="center">
-        <h4><a href="https://charts.ag-grid.com/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">🌐 Website</a> • <a href="https://charts.ag-grid.com/javascript/quick-start/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">📖 Documentation</a> • <a href="https://charts.ag-grid.com/gallery/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">📊 Gallery</a></h4>
+        <h4><a href="https://ag-grid.com/charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">🌐 Website</a> • <a href="https://ag-grid.com/charts/javascript/quick-start/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">📖 Documentation</a> • <a href="https://ag-grid.com/charts/gallery/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">📊 Gallery</a></h4>
     </div>
@@ -49,6 +49,6 @@ <br>
     <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/gallery.gif?raw=true"/>
-    <img width="100%" alt="Preview of AG Charts  Enterprise Charting Examples" src="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/gallery-dark.gif?raw=true"/>
+    <img width="100%" alt="Preview of AG Charts  Enterprise Charting Examples" src="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/gallery.gif?raw=true"/>
 </picture>
 <div align="right">
-    <a href="https://charts.ag-grid.com/gallery/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github"><br><img alt="Static Badge" src="https://img.shields.io/badge/View%20Gallery-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D">
+    <a href="https://ag-grid.com/charts/gallery/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github"><br><img alt="Static Badge" src="https://img.shields.io/badge/View%20Gallery-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D">
 </a>
@@ -81,4 +81,4 @@ </div>
 
--   `ag-charts-community` is free, available under the MIT license, and comes with core series types, such as [Pie](https://charts.ag-grid.com/javascript/pie-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Area](https://charts.ag-grid.com/javascript/area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Bar](https://charts.ag-grid.com/javascript/bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Scatter](https://charts.ag-grid.com/javascript/scatter-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Bubble](https://charts.ag-grid.com/javascript/bubble-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) in addition to all of the key features expected from a Enterprise charting library, including [Accessibility](https://charts.ag-grid.com/javascript/accessibility/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Tooltips](https://charts.ag-grid.com/javascript/tooltips/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Themes](https://charts.ag-grid.com/javascript/themes/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Markers](https://charts.ag-grid.com/javascript/markers/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Legends](https://charts.ag-grid.com/javascript/legend/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Axis Types](https://charts.ag-grid.com/javascript/axes-types/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Secondary Axes](https://charts.ag-grid.com/javascript/axes-secondary/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github).
--   `ag-charts-enterprise` is available under a commercial license and comes with additional series types, such as [Maps](https://charts.ag-grid.com/javascript/maps/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Sankey](https://charts.ag-grid.com/javascript/sankey-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Radar](https://charts.ag-grid.com/javascript/radar-area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), and [Waterfall](https://charts.ag-grid.com/javascript/waterfall-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) Charts as well as advanced interactivity features, like [Animations](https://charts.ag-grid.com/javascript/animation/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Context Menus](https://charts.ag-grid.com/javascript/context-menu/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Zooming](https://charts.ag-grid.com/javascript/zoom/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Navigators](https://charts.ag-grid.com/javascript/navigator/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Synchronization](https://charts.ag-grid.com/javascript/sync/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and much more, including [Financial Charts](https://charts.ag-grid.com/javascript/financial-charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github).
+-   `ag-charts-community` is free, available under the MIT license, and comes with core series types, such as [Pie](https://ag-grid.com/charts/javascript/pie-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Area](https://ag-grid.com/charts/javascript/area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Bar](https://ag-grid.com/charts/javascript/bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Scatter](https://ag-grid.com/charts/javascript/scatter-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Bubble](https://ag-grid.com/charts/javascript/bubble-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) in addition to all of the key features expected from a Enterprise charting library, including [Accessibility](https://ag-grid.com/charts/javascript/accessibility/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Tooltips](https://ag-grid.com/charts/javascript/tooltips/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Themes](https://ag-grid.com/charts/javascript/themes/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Markers](https://ag-grid.com/charts/javascript/markers/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Legends](https://ag-grid.com/charts/javascript/legend/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Axis Types](https://ag-grid.com/charts/javascript/axes-types/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Secondary Axes](https://ag-grid.com/charts/javascript/axes-secondary/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github).
+-   `ag-charts-enterprise` is available under a commercial license and comes with additional series types, such as [Maps](https://ag-grid.com/charts/javascript/maps/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Sankey](https://ag-grid.com/charts/javascript/sankey-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Radar](https://ag-grid.com/charts/javascript/radar-area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), and [Waterfall](https://ag-grid.com/charts/javascript/waterfall-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) Charts as well as advanced interactivity features, like [Animations](https://ag-grid.com/charts/javascript/animation/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Context Menus](https://ag-grid.com/charts/javascript/context-menu/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Zooming](https://ag-grid.com/charts/javascript/zoom/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Navigators](https://ag-grid.com/charts/javascript/navigator/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Synchronization](https://ag-grid.com/charts/javascript/sync/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and much more, including [Financial Charts](https://ag-grid.com/charts/javascript/financial-charts/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github).
 
@@ -93,28 +93,28 @@ ### Features & Chart Types
 | -------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------------------- |
-| [Bar](https://charts.ag-grid.com/javascript/bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                     | ✅                  | ✅                   |
-| [Line](https://charts.ag-grid.com/javascript/line-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                   | ✅                  | ✅                   |
-| [Area](https://charts.ag-grid.com/javascript/area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                   | ✅                  | ✅                   |
-| [Scatter](https://charts.ag-grid.com/javascript/scatter-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ✅                  | ✅                   |
-| [Bubble](https://charts.ag-grid.com/javascript/bubble-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ✅                  | ✅                   |
-| [Pie](https://charts.ag-grid.com/javascript/pie-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                     | ✅                  | ✅                   |
-| [Donut](https://charts.ag-grid.com/javascript/donut-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                 | ✅                  | ✅                   |
-| [Combination](https://charts.ag-grid.com/javascript/combination-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)     | ✅                  | ✅                   |
-| [Box Plot](https://charts.ag-grid.com/javascript/box-plot-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)           | ❌                  | ✅                   |
-| [Bullet](https://charts.ag-grid.com/javascript/bullet-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ❌                  | ✅                   |
-| [Candlestick](https://charts.ag-grid.com/javascript/candlestick-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)     | ❌                  | ✅                   |
-| [OHLC](https://charts.ag-grid.com/javascript/ohlc-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                   | ❌                  | ✅                   |
-| [Heatmap](https://charts.ag-grid.com/javascript/heatmap-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ❌                  | ✅                   |
-| [Histogram](https://charts.ag-grid.com/javascript/histogram-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)         | ❌                  | ✅                   |
-| [Nightingale](https://charts.ag-grid.com/javascript/nightingale-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)     | ❌                  | ✅                   |
-| [Radar Line](https://charts.ag-grid.com/javascript/radar-line-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
-| [Radar Area](https://charts.ag-grid.com/javascript/radar-area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
-| [Radial Column](https://charts.ag-grid.com/javascript/radial-column-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) | ❌                  | ✅                   |
-| [Radial Bar](https://charts.ag-grid.com/javascript/radial-bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
-| [Range Area](https://charts.ag-grid.com/javascript/range-area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
-| [Range Bar](https://charts.ag-grid.com/javascript/range-bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)         | ❌                  | ✅                   |
-| [Sunburst](https://charts.ag-grid.com/javascript/sunburst-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)           | ❌                  | ✅                   |
-| [Treemap](https://charts.ag-grid.com/javascript/treemap-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ❌                  | ✅                   |
-| [Waterfall](https://charts.ag-grid.com/javascript/waterfall-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)         | ❌                  | ✅                   |
-| [Sankey](https://charts.ag-grid.com/javascript/sankey-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ❌                  | ✅                   |
-| [Chord](https://charts.ag-grid.com/javascript/chord-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                 | ❌                  | ✅                   |
+| [Bar](https://ag-grid.com/charts/javascript/bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                     | ✅                  | ✅                   |
+| [Line](https://ag-grid.com/charts/javascript/line-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                   | ✅                  | ✅                   |
+| [Area](https://ag-grid.com/charts/javascript/area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                   | ✅                  | ✅                   |
+| [Scatter](https://ag-grid.com/charts/javascript/scatter-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ✅                  | ✅                   |
+| [Bubble](https://ag-grid.com/charts/javascript/bubble-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ✅                  | ✅                   |
+| [Pie](https://ag-grid.com/charts/javascript/pie-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                     | ✅                  | ✅                   |
+| [Donut](https://ag-grid.com/charts/javascript/donut-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                 | ✅                  | ✅                   |
+| [Combination](https://ag-grid.com/charts/javascript/combination-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)     | ✅                  | ✅                   |
+| [Box Plot](https://ag-grid.com/charts/javascript/box-plot-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)           | ❌                  | ✅                   |
+| [Bullet](https://ag-grid.com/charts/javascript/bullet-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ❌                  | ✅                   |
+| [Candlestick](https://ag-grid.com/charts/javascript/candlestick-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)     | ❌                  | ✅                   |
+| [OHLC](https://ag-grid.com/charts/javascript/ohlc-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                   | ❌                  | ✅                   |
+| [Heatmap](https://ag-grid.com/charts/javascript/heatmap-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ❌                  | ✅                   |
+| [Histogram](https://ag-grid.com/charts/javascript/histogram-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)         | ❌                  | ✅                   |
+| [Nightingale](https://ag-grid.com/charts/javascript/nightingale-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)     | ❌                  | ✅                   |
+| [Radar Line](https://ag-grid.com/charts/javascript/radar-line-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
+| [Radar Area](https://ag-grid.com/charts/javascript/radar-area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
+| [Radial Column](https://ag-grid.com/charts/javascript/radial-column-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) | ❌                  | ✅                   |
+| [Radial Bar](https://ag-grid.com/charts/javascript/radial-bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
+| [Range Area](https://ag-grid.com/charts/javascript/range-area-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)       | ❌                  | ✅                   |
+| [Range Bar](https://ag-grid.com/charts/javascript/range-bar-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)         | ❌                  | ✅                   |
+| [Sunburst](https://ag-grid.com/charts/javascript/sunburst-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)           | ❌                  | ✅                   |
+| [Treemap](https://ag-grid.com/charts/javascript/treemap-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ❌                  | ✅                   |
+| [Waterfall](https://ag-grid.com/charts/javascript/waterfall-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)         | ❌                  | ✅                   |
+| [Sankey](https://ag-grid.com/charts/javascript/sankey-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ❌                  | ✅                   |
+| [Chord](https://ag-grid.com/charts/javascript/chord-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                 | ❌                  | ✅                   |
 
@@ -127,15 +127,17 @@ #### Features
 | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | -------------------- |
-| [Accessibility](https://charts.ag-grid.com/javascript/accessibility/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ✅                  | ✅                   |
-| [Localisation](https://charts.ag-grid.com/javascript/localisation/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ✅                  | ✅                   |
-| [Series Highlighting](https://charts.ag-grid.com/javascript/series-highlighting/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) | ✅                  | ✅                   |
-| [Tooltips](https://charts.ag-grid.com/javascript/tooltips/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                       | ✅                  | ✅                   |
-| [Animations](https://charts.ag-grid.com/javascript/animation/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                    | ❌                  | ✅                   |
-| [Context Menu](https://charts.ag-grid.com/javascript/context-menu/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ❌                  | ✅                   |
-| [Crosshairs](https://charts.ag-grid.com/javascript/axes-crosshairs/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)              | ❌                  | ✅                   |
-| [Navigator](https://charts.ag-grid.com/javascript/navigator/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                     | ❌                  | ✅                   |
-| [Synchronization](https://charts.ag-grid.com/javascript/sync/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                    | ❌                  | ✅                   |
-| [Zoom](https://charts.ag-grid.com/javascript/zoom/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                               | ❌                  | ✅                   |
+| [Accessibility](https://ag-grid.com/charts/javascript/accessibility/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)             | ✅                  | ✅                   |
+| [Localisation](https://ag-grid.com/charts/javascript/localisation/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ✅                  | ✅                   |
+| [Series Highlighting](https://ag-grid.com/charts/javascript/series-highlighting/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) | ✅                  | ✅                   |
+| [Tooltips](https://ag-grid.com/charts/javascript/tooltips/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                       | ✅                  | ✅                   |
+| [Animations](https://ag-grid.com/charts/javascript/animation/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                    | ❌                  | ✅                   |
+| [Context Menu](https://ag-grid.com/charts/javascript/context-menu/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)               | ❌                  | ✅                   |
+| [Crosshairs](https://ag-grid.com/charts/javascript/axes-crosshairs/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)              | ❌                  | ✅                   |
+| [Navigator](https://ag-grid.com/charts/javascript/navigator/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                     | ❌                  | ✅                   |
+| [Synchronization](https://ag-grid.com/charts/javascript/sync/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                    | ❌                  | ✅                   |
+| [Zoom](https://ag-grid.com/charts/javascript/zoom/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github)                               | ❌                  | ✅                   |
 
-> [!IMPORTANT]
-> Visit the [Pricing](https://charts.ag-grid.com/license-pricing/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) page for a full comparison.
+<blockquote>
+    <p>ℹ️ <b>Note:</b></p>
+    <span>Visit the <a href="https://ag-grid.com/charts/license-pricing/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">Pricing</a> page for a full comparison.</span>
+</blockquote>
 
@@ -161,12 +163,12 @@ ### Financial Charts
 <picture>
+    <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/financial-charts-annotations-light.gif?raw=true"/>
     <source media="(prefers-color-scheme: dark)" srcset="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/financial-charts-annotations.gif?raw=true"/>
-    <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/financial-charts-annotations-light.gif?raw=true"/>
-    <img width="100%" alt="Financial Charts Annotations" src="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/financial-charts-annotations.gif?raw=true"/>
+    <img width="100%" alt="Financial Charts Annotations" src="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/financial-charts-annotations-light.gif?raw=true"/>
     <br>
 </picture>
 
-The default chart type is [Candlestick](https://charts.ag-grid.com/javascript/candlestick-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), with additional types like [OHLC](https://charts.ag-grid.com/javascript/ohlc-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Line](https://charts.ag-grid.com/javascript/line-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) for versatile data visualisation.
+The default chart type is [Candlestick](https://ag-grid.com/charts/javascript/candlestick-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), with additional types like [OHLC](https://ag-grid.com/charts/javascript/ohlc-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Line](https://ag-grid.com/charts/javascript/line-series/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) for versatile data visualisation.
 
 <div align="right">
-    <a href="https://charts.ag-grid.com/javascript/financial-charts/"><br><img alt="Static Badge" src="https://img.shields.io/badge/Learn More-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D"></a>
+    <a href="https://ag-grid.com/charts/javascript/financial-charts/"><br><img alt="Static Badge" src="https://img.shields.io/badge/Learn More-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D"></a>
 </div>
@@ -181,8 +183,8 @@
 <picture>
+    <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/map.gif?raw=true"/>
     <source media="(prefers-color-scheme: dark)" srcset="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/map-dark.gif?raw=true"/>
-    <source media="(prefers-color-scheme: light)" srcset="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/map.gif?raw=true"/>
-    <img width="100%" alt="Preview of Map Charts from AG Charts" src="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/map-dark.gif?raw=true"/>
+    <img width="100%" alt="Preview of Map Charts from AG Charts" src="https://github.com/ag-grid/ag-charts/blob/latest/packages/ag-charts-website/public/images/readme-assets/map.gif?raw=true"/>
 </picture>
 
-Maps can display data using [Shapes](https://charts.ag-grid.com/javascript/map-shapes/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Lines](https://charts.ag-grid.com/javascript/map-lines/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Marker](https://charts.ag-grid.com/javascript/map-markers/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) series:
+Maps can display data using [Shapes](https://ag-grid.com/charts/javascript/map-shapes/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github), [Lines](https://ag-grid.com/charts/javascript/map-lines/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) and [Marker](https://ag-grid.com/charts/javascript/map-markers/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github) series:
 
@@ -209,3 +211,3 @@ ```js
 <div align="right">
-    <a href="https://charts.ag-grid.com/javascript/maps/"><img alt="Static Badge" src="https://img.shields.io/badge/Learn More-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D"></a>
+    <a href="https://ag-grid.com/charts/javascript/maps/"><img alt="Static Badge" src="https://img.shields.io/badge/Learn More-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D"></a>
 </div>
@@ -283,4 +285,6 @@
 
-> [!IMPORTANT]
-> For more information on building Enterprise Charts with AG Charts, refer to our [Documentation](https://charts.ag-grid.com/javascript/quick-start/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github).
+<blockquote>
+    <p>ℹ️ <b>Note:</b></p>
+    <span>For more information on building  Enterprise Charts with AG Charts, refer to our <a href="https://ag-grid.com/charts/javascript/quick-start/?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github">Documentation</a>.</span>
+</blockquote>
 
@@ -287,0 +291,0 @@ ## 🤝 Support

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8390396

increased by14.53%

Number of package files

328

increased by20.15%

Lines of code

162364

increased by14.25%

Number of lines in readme file

332

increased by1.22%

Dependency changes

• + Addedag-charts-community@10.2.0(transitive)

• + Addedag-charts-locale@10.2.0(transitive)

• + Addedag-charts-types@10.2.0(transitive)

• - Removedag-charts-community@10.1.0(transitive)

• - Removedag-charts-locale@10.1.0(transitive)

• - Removedag-charts-types@10.1.0(transitive)

• Updatedag-charts-community@10.2.0