minerva-design 1.2.0 → 1.4.0

package/dist/uni/PieChart.vue.d.ts

@@ -0,0 +1,114 @@
+import type { ShapeHoverEvent, ShapeToggleEvent } from "./charts-canvas.js";
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").ShapeDatum[]>;
+        readonly required: true;
+    };
+    innerRadius: NumberConstructor;
+    startAngle: NumberConstructor;
+    padAngle: NumberConstructor;
+    cornerRadius: NumberConstructor;
+    rose: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: import("vue").PropType<"outside" | "inside" | "none">;
+    labelContent: import("vue").PropType<readonly ("name" | "value" | "percent")[]>;
+    centerValue: StringConstructor;
+    centerLabel: StringConstructor;
+    palette: import("vue").PropType<readonly string[]>;
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import("vue").PropType<(value: number) => string>;
+    percentFormat: import("vue").PropType<(share: number) => string>;
+    hidden: import("vue").PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    ariaLabel: StringConstructor;
+    height: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, import("./shape-chart-types.js").ShapeChartHandle, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: ShapeHoverEvent) => any;
+    toggle: (event: ShapeToggleEvent) => any;
+    hover: (event: ShapeHoverEvent | null) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").ShapeDatum[]>;
+        readonly required: true;
+    };
+    innerRadius: NumberConstructor;
+    startAngle: NumberConstructor;
+    padAngle: NumberConstructor;
+    cornerRadius: NumberConstructor;
+    rose: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: import("vue").PropType<"outside" | "inside" | "none">;
+    labelContent: import("vue").PropType<readonly ("name" | "value" | "percent")[]>;
+    centerValue: StringConstructor;
+    centerLabel: StringConstructor;
+    palette: import("vue").PropType<readonly string[]>;
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import("vue").PropType<(value: number) => string>;
+    percentFormat: import("vue").PropType<(share: number) => string>;
+    hidden: import("vue").PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    ariaLabel: StringConstructor;
+    height: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((event: ShapeHoverEvent) => any) | undefined;
+    onToggle?: ((event: ShapeToggleEvent) => any) | undefined;
+    onHover?: ((event: ShapeHoverEvent | null) => any) | undefined;
+}>, {
+    animation: boolean;
+    legend: boolean | import("./charts-canvas.js").ShapeLegendOptions;
+    width: string | number;
+    height: string | number;
+    tooltip: boolean | import("./charts-canvas.js").ShapeTooltipOptions;
+    disableScroll: boolean;
+    rose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/uni/RadarChart.vue

@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import type {
+  RadarChartOptions,
+  ShapeHoverEvent,
+  ShapeToggleEvent,
+} from "./charts-canvas.js";
+import { plain } from "./chart-canvas.js";
+import { radarChartProps, shapeCommonProps } from "./shape-chart-types.js";
+import { shapeCommonOptions, useCanvasShapeChart } from "./shape-chart-canvas.js";
+const props = defineProps({ ...shapeCommonProps, ...radarChartProps });
+const emit = defineEmits<{
+  hover: [event: ShapeHoverEvent | null];
+  click: [event: ShapeHoverEvent];
+  toggle: [event: ShapeToggleEvent];
+}>();
+const {
+  id,
+  root,
+  rootStyle,
+  ariaLabel,
+  handle,
+  onTouchStart,
+  onTouchMove,
+  onTouchEnd,
+  onTouchCancel,
+} = useCanvasShapeChart(
+  () => props,
+  (): RadarChartOptions => ({
+    ...shapeCommonOptions(props),
+    type: "radar",
+    indicators: plain(props.indicators),
+    series: plain(props.series),
+    shape: props.shape,
+    levels: props.levels,
+    dots: props.dots,
+  }),
+  {
+    hover: (event) => emit("hover", event),
+    click: (event) => emit("click", event),
+    toggle: (event) => emit("toggle", event),
+  },
+);
+const scrollLocked = computed(() => props.disableScroll ?? false);
+defineExpose(handle);
+</script>
+<template>
+  <view
+    ref="root"
+    class="mn-chart mn-uni-chart mn-shape-chart"
+    :style="rootStyle"
+    ><canvas
+      :id="id"
+      type="2d"
+      :canvas-id="id"
+      class="mn-chart-canvas"
+      :hidpi="false"
+      :disable-scroll="scrollLocked"
+      role="img"
+      :aria-label="ariaLabel"
+      style="display: block; width: 100%; height: 100%"
+      @touchstart="onTouchStart"
+      @touchmove="onTouchMove"
+      @touchend="onTouchEnd"
+      @touchcancel="onTouchCancel"
+  /></view>
+</template>

package/dist/uni/RadarChart.vue.d.ts

@@ -0,0 +1,110 @@
+import type { ShapeHoverEvent, ShapeToggleEvent } from "./charts-canvas.js";
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    indicators: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").RadarIndicator[]>;
+        readonly required: true;
+    };
+    series: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").RadarSeries[]>;
+        readonly required: true;
+    };
+    shape: import("vue").PropType<"polygon" | "circle">;
+    levels: NumberConstructor;
+    dots: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    palette: import("vue").PropType<readonly string[]>;
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import("vue").PropType<(value: number) => string>;
+    percentFormat: import("vue").PropType<(share: number) => string>;
+    hidden: import("vue").PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    ariaLabel: StringConstructor;
+    height: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, import("./shape-chart-types.js").ShapeChartHandle, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: ShapeHoverEvent) => any;
+    toggle: (event: ShapeToggleEvent) => any;
+    hover: (event: ShapeHoverEvent | null) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    indicators: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").RadarIndicator[]>;
+        readonly required: true;
+    };
+    series: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").RadarSeries[]>;
+        readonly required: true;
+    };
+    shape: import("vue").PropType<"polygon" | "circle">;
+    levels: NumberConstructor;
+    dots: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    palette: import("vue").PropType<readonly string[]>;
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import("vue").PropType<(value: number) => string>;
+    percentFormat: import("vue").PropType<(share: number) => string>;
+    hidden: import("vue").PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    ariaLabel: StringConstructor;
+    height: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((event: ShapeHoverEvent) => any) | undefined;
+    onToggle?: ((event: ShapeToggleEvent) => any) | undefined;
+    onHover?: ((event: ShapeHoverEvent | null) => any) | undefined;
+}>, {
+    animation: boolean;
+    legend: boolean | import("./charts-canvas.js").ShapeLegendOptions;
+    width: string | number;
+    height: string | number;
+    tooltip: boolean | import("./charts-canvas.js").ShapeTooltipOptions;
+    disableScroll: boolean;
+    dots: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/uni/RadialBarChart.vue

@@ -0,0 +1,90 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import type {
+  RadialBarChartOptions,
+  ShapeHoverEvent,
+  ShapeToggleEvent,
+} from "./charts-canvas.js";
+import { plain } from "./chart-canvas.js";
+import {
+  autoHeightProp,
+  shapeCommonProps,
+  radialBarChartProps,
+} from "./shape-chart-types.js";
+import {
+  shapeCommonOptions,
+  shapeDefaultHeight,
+  useCanvasShapeChart,
+} from "./shape-chart-canvas.js";
+const props = defineProps({
+  ...shapeCommonProps,
+  ...radialBarChartProps,
+  ...autoHeightProp,
+});
+const emit = defineEmits<{
+  hover: [event: ShapeHoverEvent | null];
+  click: [event: ShapeHoverEvent];
+  toggle: [event: ShapeToggleEvent];
+}>();
+const options = computed((): RadialBarChartOptions => ({
+  ...shapeCommonOptions(props),
+  type: "radialBar",
+  data: plain(props.data),
+  max: props.max,
+  innerRadius: props.innerRadius,
+  startAngle: props.startAngle,
+  sweep: props.sweep,
+  gap: props.gap,
+  track: props.track,
+  rounded: props.rounded,
+  labels: props.labels,
+  labelContent: plain(props.labelContent),
+  centerValue: props.centerValue,
+  centerLabel: props.centerLabel,
+}));
+const {
+  id,
+  root,
+  rootStyle,
+  ariaLabel,
+  handle,
+  onTouchStart,
+  onTouchMove,
+  onTouchEnd,
+  onTouchCancel,
+} = useCanvasShapeChart(
+  () => ({
+    width: props.width,
+    height: props.height ?? shapeDefaultHeight(options.value),
+  }),
+  () => options.value,
+  {
+    hover: (event) => emit("hover", event),
+    click: (event) => emit("click", event),
+    toggle: (event) => emit("toggle", event),
+  },
+);
+const scrollLocked = computed(() => props.disableScroll ?? false);
+defineExpose(handle);
+</script>
+<template>
+  <view
+    ref="root"
+    class="mn-chart mn-uni-chart mn-shape-chart"
+    :style="rootStyle"
+    ><canvas
+      :id="id"
+      type="2d"
+      :canvas-id="id"
+      class="mn-chart-canvas"
+      :hidpi="false"
+      :disable-scroll="scrollLocked"
+      role="img"
+      :aria-label="ariaLabel"
+      style="display: block; width: 100%; height: 100%"
+      @touchstart="onTouchStart"
+      @touchmove="onTouchMove"
+      @touchend="onTouchEnd"
+      @touchcancel="onTouchCancel"
+  /></view>
+</template>

package/dist/uni/RadialBarChart.vue.d.ts

@@ -0,0 +1,132 @@
+import type { ShapeHoverEvent, ShapeToggleEvent } from "./charts-canvas.js";
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    height: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: undefined;
+    };
+    data: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").RadialBarDatum[]>;
+        readonly required: true;
+    };
+    max: NumberConstructor;
+    innerRadius: NumberConstructor;
+    startAngle: NumberConstructor;
+    sweep: NumberConstructor;
+    gap: NumberConstructor;
+    track: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labelContent: import("vue").PropType<readonly ("name" | "value" | "percent")[]>;
+    centerValue: StringConstructor;
+    centerLabel: StringConstructor;
+    palette: import("vue").PropType<readonly string[]>;
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import("vue").PropType<(value: number) => string>;
+    percentFormat: import("vue").PropType<(share: number) => string>;
+    hidden: import("vue").PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    ariaLabel: StringConstructor;
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, import("./shape-chart-types.js").ShapeChartHandle, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: ShapeHoverEvent) => any;
+    toggle: (event: ShapeToggleEvent) => any;
+    hover: (event: ShapeHoverEvent | null) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        readonly type: import("vue").PropType<number | string>;
+        readonly default: undefined;
+    };
+    data: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").RadialBarDatum[]>;
+        readonly required: true;
+    };
+    max: NumberConstructor;
+    innerRadius: NumberConstructor;
+    startAngle: NumberConstructor;
+    sweep: NumberConstructor;
+    gap: NumberConstructor;
+    track: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    rounded: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labels: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+    labelContent: import("vue").PropType<readonly ("name" | "value" | "percent")[]>;
+    centerValue: StringConstructor;
+    centerLabel: StringConstructor;
+    palette: import("vue").PropType<readonly string[]>;
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ShapeTooltipOptions>;
+        default: undefined;
+    };
+    format: import("vue").PropType<(value: number) => string>;
+    percentFormat: import("vue").PropType<(share: number) => string>;
+    hidden: import("vue").PropType<readonly number[]>;
+    animation: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    ariaLabel: StringConstructor;
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((event: ShapeHoverEvent) => any) | undefined;
+    onToggle?: ((event: ShapeToggleEvent) => any) | undefined;
+    onHover?: ((event: ShapeHoverEvent | null) => any) | undefined;
+}>, {
+    animation: boolean;
+    rounded: boolean;
+    legend: boolean | import("./charts-canvas.js").ShapeLegendOptions;
+    track: boolean;
+    width: string | number;
+    height: string | number;
+    labels: boolean;
+    tooltip: boolean | import("./charts-canvas.js").ShapeTooltipOptions;
+    disableScroll: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/uni/RangeAreaChart.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+// Range area chart: bands between a lower (y0) and an upper edge
+import { computed } from "vue";
+import type {
+  ChartHoverEvent,
+  ChartPlotClickEvent,
+  ChartView,
+} from "./charts-canvas.js";
+import {
+  chartAxisProps,
+  chartCommonProps,
+  chartSeriesProps,
+  rangeAreaChartProps,
+} from "./chart-types.js";
+import { useCanvasChart } from "./chart-canvas.js";
+import { rangeAreaChartOptions } from "./named-chart-options.js";
+const props = defineProps({
+  ...chartCommonProps,
+  ...chartAxisProps,
+  ...chartSeriesProps,
+  ...rangeAreaChartProps,
+});
+const emit = defineEmits<{
+  hover: [event: ChartHoverEvent | null];
+  pointClick: [event: ChartHoverEvent];
+  plotClick: [event: ChartPlotClickEvent];
+  zoom: [view: ChartView];
+}>();
+const {
+  id,
+  root,
+  rootStyle,
+  handle,
+  onTouchStart,
+  onTouchMove,
+  onTouchEnd,
+  onTouchCancel,
+} = useCanvasChart(
+  () => props,
+  () => rangeAreaChartOptions(props),
+  {
+    hover: (event) => emit("hover", event),
+    click: (event) => emit("pointClick", event),
+    plotClick: (event) => emit("plotClick", event),
+    zoom: (view) => emit("zoom", view),
+  },
+);
+const scrollLocked = computed(() => props.disableScroll ?? false);
+defineExpose(handle);
+</script>
+<template>
+  <view ref="root" class="mn-chart mn-uni-chart" :style="rootStyle"
+    ><canvas
+      :id="id"
+      type="2d"
+      :canvas-id="id"
+      class="mn-chart-canvas"
+      :hidpi="false"
+      :disable-scroll="scrollLocked"
+      role="img"
+      :aria-label="props.ariaLabel"
+      style="display: block; width: 100%; height: 100%"
+      @touchstart="onTouchStart"
+      @touchmove="onTouchMove"
+      @touchend="onTouchEnd"
+      @touchcancel="onTouchCancel"
+  /></view>
+</template>

package/dist/uni/RangeAreaChart.vue.d.ts

@@ -0,0 +1,102 @@
+import type { ChartHoverEvent, ChartPlotClickEvent, ChartView } from "./charts-canvas.js";
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    curve: import("vue").PropType<"linear" | "smooth" | "step">;
+    series: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: import("vue").PropType<import("./charts-canvas.js").ChartAxisOptions>;
+    yAxis: import("vue").PropType<import("./charts-canvas.js").ChartAxisOptions>;
+    height: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: import("vue").PropType<readonly import("./charts-canvas.js").ChartAnnotation[]>;
+    interaction: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    palette: import("vue").PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, import("./chart-types.js").ChartHandle, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    zoom: (view: ChartView) => any;
+    hover: (event: ChartHoverEvent | null) => any;
+    plotClick: (event: ChartPlotClickEvent) => any;
+    pointClick: (event: ChartHoverEvent) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    curve: import("vue").PropType<"linear" | "smooth" | "step">;
+    series: {
+        readonly type: import("vue").PropType<readonly import("./charts-canvas.js").ChartSeries[]>;
+        readonly required: true;
+    };
+    xAxis: import("vue").PropType<import("./charts-canvas.js").ChartAxisOptions>;
+    yAxis: import("vue").PropType<import("./charts-canvas.js").ChartAxisOptions>;
+    height: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    width: {
+        type: import("vue").PropType<number | string>;
+        default: string;
+    };
+    legend: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartLegendOptions>;
+        default: undefined;
+    };
+    tooltip: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartTooltipOptions>;
+        default: undefined;
+    };
+    crosshair: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    annotations: import("vue").PropType<readonly import("./charts-canvas.js").ChartAnnotation[]>;
+    interaction: {
+        type: import("vue").PropType<boolean | import("./charts-canvas.js").ChartInteractionOptions>;
+        default: undefined;
+    };
+    padding: import("vue").PropType<import("./charts-canvas.js").ChartPadding>;
+    palette: import("vue").PropType<readonly string[]>;
+    ariaLabel: StringConstructor;
+    disableScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onZoom?: ((view: ChartView) => any) | undefined;
+    onHover?: ((event: ChartHoverEvent | null) => any) | undefined;
+    onPlotClick?: ((event: ChartPlotClickEvent) => any) | undefined;
+    onPointClick?: ((event: ChartHoverEvent) => any) | undefined;
+}>, {
+    legend: boolean | import("./charts-canvas.js").ChartLegendOptions;
+    width: string | number;
+    height: string | number;
+    tooltip: boolean | import("./charts-canvas.js").ChartTooltipOptions;
+    crosshair: boolean;
+    interaction: boolean | import("./charts-canvas.js").ChartInteractionOptions;
+    disableScroll: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;