minerva-design 1.0.2 → 1.2.0

package/dist/uni/BarChart.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import {
+  barSeries,
+  type ChartHoverEvent,
+  type ChartPlotClickEvent,
+  type ChartView,
+} from "./charts-canvas.js";
+import {
+  chartAxisProps,
+  chartCommonProps,
+  chartSeriesProps,
+} from "./chart-types.js";
+import {
+  chartEngineOptions,
+  plainSeries,
+  useCanvasChart,
+} from "./chart-canvas.js";
+const props = defineProps({
+  ...chartCommonProps,
+  ...chartAxisProps,
+  ...chartSeriesProps,
+  /** Stacks the bars of every series (otherwise they are grouped) */
+  stacked: { type: Boolean, default: false },
+});
+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,
+  () =>
+    chartEngineOptions(
+      props,
+      barSeries(plainSeries(props.series), props.stacked),
+    ),
+  {
+    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/BarChart.vue.d.ts

@@ -0,0 +1,111 @@
+import { type ChartHoverEvent, type ChartPlotClickEvent, type ChartView } from "./charts-canvas.js";
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Stacks the bars of every series (otherwise they are grouped) */
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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<{
+    /** Stacks the bars of every series (otherwise they are grouped) */
+    stacked: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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;
+    stacked: boolean;
+    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;

package/dist/uni/Chart.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import type {
+  ChartHoverEvent,
+  ChartPlotClickEvent,
+  ChartView,
+} from "./charts-canvas.js";
+import {
+  chartAxisProps,
+  chartCommonProps,
+  chartSeriesProps,
+} from "./chart-types.js";
+import {
+  chartEngineOptions,
+  plainSeries,
+  useCanvasChart,
+} from "./chart-canvas.js";
+const props = defineProps({
+  ...chartCommonProps,
+  ...chartAxisProps,
+  ...chartSeriesProps,
+});
+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,
+  () => chartEngineOptions(props, plainSeries(props.series)),
+  {
+    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/Chart.vue.d.ts

@@ -0,0 +1,100 @@
+import type { ChartHoverEvent, ChartPlotClickEvent, ChartView } from "./charts-canvas.js";
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    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<{
+    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;

package/dist/uni/LineChart.vue

@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import {
+  lineSeries,
+  type ChartHoverEvent,
+  type ChartPlotClickEvent,
+  type ChartView,
+} from "./charts-canvas.js";
+import {
+  chartAxisProps,
+  chartCommonProps,
+  chartSeriesProps,
+} from "./chart-types.js";
+import {
+  chartEngineOptions,
+  plainSeries,
+  useCanvasChart,
+} from "./chart-canvas.js";
+const props = defineProps({
+  ...chartCommonProps,
+  ...chartAxisProps,
+  ...chartSeriesProps,
+  /** Fills the area under the lines */
+  area: { type: Boolean, default: false },
+});
+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,
+  () =>
+    chartEngineOptions(
+      props,
+      lineSeries(plainSeries(props.series), props.area),
+    ),
+  {
+    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/LineChart.vue.d.ts

@@ -0,0 +1,111 @@
+import { type ChartHoverEvent, type ChartPlotClickEvent, type ChartView } from "./charts-canvas.js";
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Fills the area under the lines */
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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<{
+    /** Fills the area under the lines */
+    area: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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;
+}>, {
+    area: boolean;
+    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;

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

@@ -22,7 +22,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: "primary" | "neutral" | "current";
-    variant: "circle" | "spinner" | "bar" | "wave" | "dottedBar";
+    variant: "circle" | "bar" | "spinner" | "wave" | "dottedBar";
     size: "small" | "medium" | "large" | "xsmall" | "xlarge";
     max: number;
     indeterminate: boolean;