@progress/kendo-react-charts 13.3.0-develop.9 → 13.4.0-develop.1

package/option-types/x-axis-item/labels.interface.d.ts

@@ -0,0 +1,95 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { AxisLabelVisualArgs, Border, DateFormats, LabelRotation, Margin, Padding } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface XAxisLabels {
+    /**
+     * The background color of the labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the labels.
+     */
+    border?: Border;
+    /**
+     * The text color of the labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The function which returns the label content. The function argument contains a `value` field. It defines the axis value. You can split the text into multiple lines by using the line feed characters (`"\n"`).
+     *
+     * The available fields in the function argument are:
+     * - `value`—The category value.
+     * - `format`—The default format of the label.
+     * - `text`—The default label text.
+     * - `index`—The index of the label.
+     * - `count`—The total number of rendered labels.
+     */
+    content?: (e: any) => string;
+    /**
+     * The culture to use when formatting date values. The specified culture must be loaded as demonstrated in the [Internationalization Overview](https://www.telerik.com/kendo-react-ui/components/intl/i18n).
+     */
+    culture?: string;
+    /**
+     * The format for displaying the labels when the X values are dates. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService. Contains one placeholder (`"{0}"`) which represents the category value. The Chart selects the appropriate format for the current [`xAxis.baseUnit`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxisitemprops#toc-baseunit). Setting the [`categoryAxis.labels.format`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartcategoryaxislabelsprops#toc-format) option overrides the date formats.
+     */
+    dateFormats?: DateFormats;
+    /**
+     * The font style of the labels.
+     */
+    font?: string;
+    /**
+     * The format for displaying the labels. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService. Contains one placeholder (`"{0}"`) which represents the category value.
+     */
+    format?: string;
+    /**
+     * The margin of the labels. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * If set to `true`, the Chart mirrors the axis labels and ticks. If the labels are normally on the left side of the axis, the mirroring of the axis renders them to the right.
+     */
+    mirror?: boolean;
+    /**
+     * The padding of the labels. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The rotation angle of the labels. By default, the labels are not rotated. Can be set to `"auto"`. In this case, the labels are rotated only if the slot size is not sufficient for the entire labels.
+     */
+    rotation?: LabelRotation | number | 'auto';
+    /**
+     * The number of labels to skip.
+     */
+    skip?: number;
+    /**
+     * The label rendering step&mdash;renders every n<sup>th</sup> label. By default, every label is rendered.
+     */
+    step?: number;
+    /**
+     * If set to `true`, the Chart displays the X-axis labels. By default, the X-axis labels are visible.
+     */
+    visible?: boolean;
+    /**
+     * A function for creating custom visuals for the labels.
+     *
+     * The available argument fields are:
+     * - `createVisual`&mdash;A function that can be used to get the default visual.
+     * - `culture`&mdash;The default culture (if set) of the label.
+     * - `format`&mdash;The default format of the label.
+     * - `options`&mdash;The label options.
+     * - `rect`&mdash;The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `sender`&mdash;The Chart instance (might be `undefined`).
+     * - `text`&mdash;The label text.
+     * - `value`&mdash;The category value.
+     */
+    visual?: (e: AxisLabelVisualArgs) => drawing.Element;
+}

package/option-types/x-axis-item/notes.icon.interface.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, MarkerType } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface XAxisNotesIcon {
+    /**
+     * The background color of the notes icon.
+     */
+    background?: string;
+    /**
+     * The border of the notes icon.
+     */
+    border?: Border;
+    /**
+     * The size of the notes icon.
+     */
+    size?: number;
+    /**
+     * The shape of the notes icon.
+     *
+     * The supported values are:
+     * * `"circle"`—The marker shape is a circle.
+     * * `"square"`—The marker shape is a square.
+     * * `"triangle"`—The marker shape is a triangle.
+     * * `"cross"`—The marker shape is a cross.
+     */
+    type?: MarkerType;
+    /**
+     * The visibility of the notes icon.
+     */
+    visible?: boolean;
+}

package/option-types/x-axis-item/notes.interface.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { AxisNoteVisualArgs, NoteLine, NotePosition } from '../../common/property-types.js';
+import { XAxisNotesIcon } from './notes.icon.interface.js';
+import { XAxisNotesLabel } from './notes.label.interface.js';
+/**
+ * @hidden
+ */
+export interface XAxisNotes {
+    /**
+     * The items of the notes.
+     */
+    data?: any[];
+    /**
+     * The line of the notes.
+     */
+    line?: NoteLine;
+    /**
+     * The position of the X-axis note.
+     *
+     * The supported values are:
+     * - `"top"`—The note is positioned on the top.
+     * - `"bottom"`—The note is positioned on the bottom.
+     * - `"left"`—The note is positioned on the left.
+     * - `"right"`—The note is positioned on the right.
+     */
+    position?: NotePosition;
+    /**
+     * A function for creating custom visuals for the notes.
+     *
+     * The available argument fields are:
+     * - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines the note target rect.
+     * - `sender`—The chart instance (might be `undefined`).
+     * - `options`—The note options.
+     * - `createVisual`—A function that can be used to get the default visual.
+     * - `value`—The note value.
+     */
+    visual?: (e: AxisNoteVisualArgs) => drawing.Element;
+    /**
+     * The icon of the notes.
+     */
+    icon?: XAxisNotesIcon;
+    /**
+     * The label of the notes.
+     */
+    label?: XAxisNotesLabel;
+}

package/option-types/x-axis-item/notes.label.interface.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, NoteLabelPosition } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface XAxisNotesLabel {
+    /**
+     * The background color of the label. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the label.
+     */
+    border?: Border;
+    /**
+     * The text color of the label. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The function which returns the label content. The function argument contains a `value` field. It defines the axis value. You can split the text into multiple lines by using the line feed characters (`"\n"`).
+     */
+    content?: (e: any) => string;
+    /**
+     * The font style of the label.
+     */
+    font?: string;
+    /**
+     * The format for displaying the notes label. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService. Contains one placeholder (`"{0}"`) which represents the axis value.
+     */
+    format?: string;
+    /**
+     * The position of the labels.
+     *
+     * The available options are:
+     * - `"inside"`—The label is positioned inside the icon.
+     * - `"outside"`—The label is positioned outside the icon.
+     */
+    position?: NoteLabelPosition;
+    /**
+     * The rotation angle of the label. By default, the label is not rotated.
+     */
+    rotation?: number;
+    /**
+     * If set to `true`, the Chart displays the X-axis notes label. By default, the X-axis notes label is visible.
+     */
+    visible?: boolean;
+}

package/option-types/x-axis-item/title.interface.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { AxisTitlePosition, Border, Margin, Padding, TitleVisualArgs } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface XAxisTitle {
+    /**
+     * The background color of the title. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the title.
+     */
+    border?: Border;
+    /**
+     * The text color of the title. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The font style of the title.
+     */
+    font?: string;
+    /**
+     * The margin of the title. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * The padding of the title. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the title.
+     *
+     * The supported values are:
+     * - `"top"`—The axis title is positioned on the top (applicable to the vertical axis).
+     * - `"bottom"`—The axis title is positioned on the bottom (applicable to the vertical axis).
+     * - `"left"`—The axis title is positioned on the left (applicable to the horizontal axis).
+     * - `"right"`—The axis title is positioned on the right (applicable to the horizontal axis).
+     * - `"center"`—The axis title is positioned in the center.
+     */
+    position?: AxisTitlePosition;
+    /**
+     * The rotation angle of the title. By default, the title is not rotated.
+     */
+    rotation?: number;
+    /**
+     * The text of the title. You can split the text into multiple lines by using the line feed characters (`"\n"`).
+     */
+    text?: string;
+    /**
+     * If set to `true`, the Chart displays the X axis title of the Scatter Chart. By default, the X-axis title of the Scatter Chart is visible.
+     */
+    visible?: boolean;
+    /**
+     * A function that can be used to create a custom visual for the title.
+     *
+     * The available argument fields are:
+     * - `text`—The label text.
+     * - `rect`—The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `sender`—The Chart instance (might be `undefined`).
+     * - `options`—The label options.
+     * - `createVisual`—A function that can be used to get the default visual.
+     */
+    visual?: (e: TitleVisualArgs) => drawing.Element;
+}

package/option-types/x-axis-item.interface.d.ts

@@ -0,0 +1,142 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AxisLine, AxisTicks, BaseUnit, GridLines, PlotBand } from '../common/property-types.js';
+import { XAxisCrosshair } from './x-axis-item/crosshair.interface.js';
+import { XAxisLabels } from './x-axis-item/labels.interface.js';
+import { XAxisNotes } from './x-axis-item/notes.interface.js';
+import { XAxisTitle } from './x-axis-item/title.interface.js';
+/**
+ * @hidden
+ */
+export interface XAxis {
+    /**
+     * * (Only for objects) The value at which the Y axis crosses this axis.
+     * * (Only for arrays) The value indices at which the y axes cross the value axis.
+     * * (Only for dates) The date at which the Y axis crosses this axis.
+     *
+     * To denote the far end of the axis, set a value that is greater than or equal to the axis maximum value.
+     */
+    axisCrossingValue?: any | any[];
+    /**
+     * The background color of the axis.
+     */
+    background?: string;
+    /**
+     * The category names. Applicable for charts with X and Y category axes.
+     */
+    categories?: any[];
+    /**
+     * The base time interval for the axis labels. The default `baseUnit` is automatically determined from the value range.
+     *
+     * The available options are:
+     * - milliseconds
+     * - seconds
+     * - minutes
+     * - hours
+     * - days
+     * - weeks
+     * - months
+     * - years
+     */
+    baseUnit?: BaseUnit;
+    /**
+     * The color of the axis. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines.
+     */
+    line?: AxisLine;
+    /**
+     * The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the body of the Chart.
+     */
+    majorGridLines?: GridLines;
+    /**
+     * The configuration of the Scatter Chart X-axis major ticks.
+     */
+    majorTicks?: AxisTicks;
+    /**
+     * The interval between major divisions. If this is a date axis, the value represents the number of [`xAxis.baseUnits`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxisitemprops#toc-baseunit) between major divisions. If [`xAxis.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxisitemprops#toc-type) is set to `"log"`, the `majorUnit` value is used for the base of the logarithm.
+     */
+    majorUnit?: number;
+    /**
+     * The maximum value of the axis.
+     */
+    max?: any;
+    /**
+     * The minimum value of the axis.
+     */
+    min?: any;
+    /**
+     * The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the body of the Chart.
+     */
+    minorGridLines?: GridLines;
+    /**
+     * The configuration of the X-axis minor ticks.
+     */
+    minorTicks?: AxisTicks;
+    /**
+     * The interval between minor divisions. It defaults to 1/5 of the [`xAxis.majorUnit`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxisitemprops#toc-majorunit). If [`xAxis.type`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxisitemprops#toc-type) is set to `"log"`, the `minorUnit` value represents the number of divisions between two major units and defaults to the major unit minus one.
+     */
+    minorUnit?: number;
+    /**
+     * The unique axis name. Used to associate a series with a X axis by using the [`series.xAxis`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartseriesitemprops#toc-xaxis) option.
+     */
+    name?: string;
+    /**
+     * If set to `true`, the Chart prevents the automatic axis range from snapping to zero. Setting it to `false` forces the automatic axis range to snap to zero.
+     */
+    narrowRange?: boolean;
+    /**
+     * The name of the pane in which the axis has to be rendered. If not set, the axis is rendered in the first (default) pane.
+     */
+    pane?: string;
+    /**
+     * The plot bands of the X axis.
+     */
+    plotBands?: PlotBand[];
+    /**
+     * If set to `true`, the value axis direction is reversed. By default, values increase from left to right and from bottom to top.
+     */
+    reverse?: boolean;
+    /**
+     * The angle (in degrees) where the zero value is placed. Angles increase counterclockwise and zero is to the right. Negative values are acceptable.
+     */
+    startAngle?: number;
+    /**
+     * The axis type.
+     *
+     * The supported values are:
+     * - `"numeric"`—Numeric axis.
+     * - `"date"`—Specialized axis for displaying chronological data.
+     * - `"log"`—Logarithmic axis.
+     *
+     * If the series X value is of the `date` type, the Chart automatically switches to a date axis. To avoid this behavior, set the `type`.
+     */
+    type?: 'numeric' | 'log' | 'date';
+    /**
+     * If set to `true`, the Chart displays the X axis. By default, the X axis is visible.
+     */
+    visible?: boolean;
+    /**
+     * The configuration options of the crosshair. The crosshair is displayed when the [`xAxis.crosshair.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxiscrosshairprops#toc-visible) option is set to `true`.
+     */
+    crosshair?: XAxisCrosshair;
+    /**
+     * The axis labels configuration.
+     */
+    labels?: XAxisLabels;
+    /**
+     * The X-axis notes configuration.
+     */
+    notes?: XAxisNotes;
+    /**
+     * The title configuration of the Scatter Chart X axis. To display the title, set the [`xAxis.title.text`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartxaxistitleprops#toc-text) option.
+     */
+    title?: XAxisTitle;
+}

package/option-types/y-axis-item/crosshair.interface.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { YAxisCrosshairTooltip } from './crosshair.tooltip.interface.js';
+/**
+ * @hidden
+ */
+export interface YAxisCrosshair {
+    /**
+     * The color of the crosshair. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The opacity of the crosshair. By default, the crosshair is opaque.
+     */
+    opacity?: number;
+    /**
+     * If set to `true`, the Chart displays the Y-axis crosshair of the Scatter Chart. By default, the Y-axis crosshair of the Scatter Chart is not visible.
+     */
+    visible?: boolean;
+    /**
+     * The width of the crosshair in pixels.
+     */
+    width?: number;
+    /**
+     * The options of the crosshair tooltip. The crosshair tooltip is displayed when the [`yAxis.crosshair.tooltip.visible`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartyaxiscrosshairtooltipprops#toc-visible) option is set to `true`.
+     */
+    tooltip?: YAxisCrosshairTooltip;
+}

package/option-types/y-axis-item/crosshair.tooltip.interface.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AxisCrosshairTooltip } from '../axis-crosshair-tooltip.interface.js';
+/**
+ * @hidden
+ */
+export interface YAxisCrosshairTooltip extends AxisCrosshairTooltip {
+}

package/option-types/y-axis-item/labels.interface.d.ts

@@ -0,0 +1,95 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { drawing } from '@progress/kendo-drawing';
+import { AxisLabelVisualArgs, Border, DateFormats, LabelRotation, Margin, Padding } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface YAxisLabels {
+    /**
+     * The background color of the labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the labels.
+     */
+    border?: Border;
+    /**
+     * The text color of the labels. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The function which returns the label content. The function argument contains a `value` field. It defines the axis value. You can split the text into multiple lines by using the line feed characters (`"\n"`).
+     *
+     * The available fields in the function argument are:
+     * - `value`—The category value.
+     * - `format`—The default format of the label.
+     * - `text`—The default label text.
+     * - `index`—The index of the label.
+     * - `count`—The total number of rendered labels.
+     */
+    content?: (e: any) => string;
+    /**
+     * The culture to use when formatting date values. The specified culture must be loaded as demonstrated in the [Internationalization Overview](https://www.telerik.com/kendo-react-ui/components/intl/i18n).
+     */
+    culture?: string;
+    /**
+     * The format for displaying the labels when the X values are dates. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService. Contains one placeholder (`"{0}"`) which represents the category value. The Chart selects the appropriate format for the current [`yAxis.baseUnit`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartyaxisitemprops#toc-baseunit). Setting the [`categoryAxis.labels.format`](https://www.telerik.com/kendo-react-ui/components/charts/api/chartcategoryaxislabelsprops#toc-format) option overrides the date formats.
+     */
+    dateFormats?: DateFormats;
+    /**
+     * The font style of the labels.
+     */
+    font?: string;
+    /**
+     * The format for displaying the labels. Uses the [`format`](https://www.telerik.com/kendo-react-ui/components/intl/api/intlservice#toc-format) method of IntlService. Contains one placeholder (`"{0}"`) which represents the category value.
+     */
+    format?: string;
+    /**
+     * The margin of the labels. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * If set to `true`, the Chart mirrors the axis labels and ticks. If the labels are normally on the left side of the axis, the mirroring of the axis renders them to the right.
+     */
+    mirror?: boolean;
+    /**
+     * The padding of the labels. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The rotation angle of the labels. By default, the labels are not rotated.
+     */
+    rotation?: LabelRotation | number | 'auto';
+    /**
+     * The number of labels to skip.
+     */
+    skip?: number;
+    /**
+     * The label rendering step&mdash;renders every `n`<sup>th</sup> label. By default, every label is rendered.
+     */
+    step?: number;
+    /**
+     * If set to `true`, the Chart displays the Y-axis labels. By default, the Y-axis labels are visible.
+     */
+    visible?: boolean;
+    /**
+     * A function that can be used to create a custom visual for the labels.
+     *
+     * The available argument fields are:
+     * - `createVisual`&mdash;A function that can be used to get the default visual.
+     * - `culture`&mdash;The default culture (if set) on the label.
+     * - `format`&mdash;The default format of the label.
+     * - `options`&mdash;The label options.
+     * - `rect`&mdash;The geometry [`Rect`](https://www.telerik.com/kendo-react-ui/components/drawing/api/geometry/rect) that defines where the visual has to be rendered.
+     * - `sender`&mdash;The Chart instance (might be `undefined`).
+     * - `text`&mdash;The label text.
+     * - `value`&mdash;The category value.
+     */
+    visual?: (e: AxisLabelVisualArgs) => drawing.Element;
+}

package/option-types/y-axis-item/notes.icon.interface.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Border, MarkerType } from '../../common/property-types.js';
+/**
+ * @hidden
+ */
+export interface YAxisNotesIcon {
+    /**
+     * The background color of the notes icon.
+     */
+    background?: string;
+    /**
+     * The border of the notes icon.
+     */
+    border?: Border;
+    /**
+     * The size of the notes icon.
+     */
+    size?: number;
+    /**
+     * The shape of the notes icon.
+     *
+     * The supported values are:
+     * * `"circle"`—The marker shape is a circle.
+     * * `"square"`—The marker shape is a square.
+     * * `"triangle"`—The marker shape is a triangle.
+     * * `"cross"`—The marker shape is a cross.
+     */
+    type?: MarkerType;
+    /**
+     * The visibility of the notes icon.
+     */
+    visible?: boolean;
+}