@primeui/vue-chart 0.0.1-alpha.1

package/dist/chunk-644ROAHU.mjs

@@ -0,0 +1,362 @@
+import { CartesianRenderer_default } from './chunk-HTZVV6VV.mjs';
+import { LineLayer_default } from './chunk-4CRHCZV3.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-CQHNYT2V.mjs';
+import { STACKED_CONTEXT_KEY, RANGE_CONTEXT_KEY } from './chunk-TEOO4OLV.mjs';
+import { useRendererHint, useChartMethods } from './chunk-HANSF33Z.mjs';
+import { defineComponent, useSlots, computed, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
+import { lineRenderer } from '@primeui/chart-core';
+
+var lineIdCounter = 0;
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartLine",
+  props: {
+    id: {},
+    boost: { type: [Boolean, String] },
+    data: {},
+    categoryField: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    valueField: { type: [
+      String,
+      Function,
+      Number,
+      null,
+      Array
+    ] },
+    name: {},
+    color: {},
+    xAxisId: {},
+    yAxisId: {},
+    order: {},
+    stackId: {},
+    lineStrokeWidth: {},
+    lineStyle: {},
+    curve: {},
+    showMarkers: { type: Boolean },
+    markerSize: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    markerShape: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    fillOpacity: {},
+    tension: {},
+    pointHitRadius: {},
+    lineCapStyle: {},
+    lineJoinStyle: {},
+    lineDash: {},
+    lineDashOffset: {},
+    borderCapStyle: {},
+    connectNulls: { type: [Boolean, String] },
+    pointHoverBackgroundColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    pointHoverBorderColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    pointHoverBorderStrokeWidth: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    hoverColor: {},
+    hoverBorderColor: {},
+    stacking: {},
+    renderMarker: { type: Function },
+    segmentColor: { type: [String, Function] },
+    segmentStrokeWidth: { type: [Number, Function] },
+    segmentDash: { type: [Array, Function] },
+    segmentFillColor: { type: [String, Function] },
+    keyField: {},
+    borderColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    borderStrokeWidth: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    borderDash: { type: [
+      Array,
+      String,
+      Function
+    ] },
+    borderDashOffset: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    borderJoinStyle: {},
+    borderAlign: {},
+    borderRadius: { type: [
+      String,
+      Function,
+      Number,
+      Object,
+      Array
+    ] },
+    borderSkipped: { type: [
+      String,
+      Function,
+      Boolean,
+      Array
+    ] },
+    pointRadius: {},
+    hoverPointRadius: {},
+    pointBackgroundColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    pointBorderColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    pointBorderStrokeWidth: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    pointBorderDash: { type: [
+      Array,
+      String,
+      Function
+    ] },
+    pointBorderDashOffset: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    pointBorderJoinStyle: {},
+    pointBorderRadius: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    pointRotation: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    animations: {}
+  },
+  setup(__props) {
+    useRendererHint("cartesian");
+    registerFamilyRenderer("cartesian", CartesianRenderer_default);
+    registerChartLayer("line", {
+      family: "cartesian",
+      frameKind: "grid",
+      layer: LineLayer_default,
+      axisHints: lineRenderer
+    });
+    const props = __props;
+    function generateLineId() {
+      return `line-auto-${++lineIdCounter}`;
+    }
+    const slots = useSlots();
+    const hasChildren = computed(() => !!slots.default);
+    const autoId = props.id || generateLineId();
+    useDatasetAnimationRegistration(() => autoId, () => props.animations);
+    const stackedContext = inject(STACKED_CONTEXT_KEY, null);
+    const rangeContext = inject(RANGE_CONTEXT_KEY, null);
+    let autoOrder;
+    if (stackedContext && props.order === void 0) {
+      autoOrder = stackedContext.getNextOrder();
+    }
+    const effectiveOrder = props.order ?? autoOrder;
+    const stackId = stackedContext?.stackId;
+    const rangeId = rangeContext?.rangeId;
+    if (!hasChildren.value) {
+      const datasetId = computed(() => autoId);
+      const datasetProps = computed(() => {
+        const p = {
+          id: autoId,
+          data: props.data,
+          categoryField: props.categoryField,
+          valueField: props.valueField,
+          color: props.color,
+          name: props.name,
+          order: effectiveOrder,
+          stackId,
+          rangeId,
+          lineStrokeWidth: props.lineStrokeWidth,
+          curve: props.curve,
+          tension: props.tension,
+          markerSize: props.markerSize,
+          markerShape: props.markerShape,
+          fillOpacity: props.fillOpacity,
+          stacking: props.stacking,
+          xAxisId: props.xAxisId,
+          yAxisId: props.yAxisId,
+          pointHitRadius: props.pointHitRadius,
+          pointBackgroundColor: props.pointBackgroundColor,
+          pointHoverBackgroundColor: props.pointHoverBackgroundColor,
+          pointHoverBorderColor: props.pointHoverBorderColor,
+          pointHoverBorderStrokeWidth: props.pointHoverBorderStrokeWidth,
+          hoverColor: props.hoverColor,
+          hoverBorderColor: props.hoverBorderColor,
+          lineCapStyle: props.lineCapStyle,
+          lineJoinStyle: props.lineJoinStyle,
+          lineDash: props.lineDash,
+          lineDashOffset: props.lineDashOffset,
+          hoverPointRadius: props.hoverPointRadius,
+          pointRotation: props.pointRotation,
+          pointBorderColor: props.pointBorderColor,
+          pointBorderStrokeWidth: props.pointBorderStrokeWidth,
+          pointBorderDash: props.pointBorderDash,
+          pointBorderDashOffset: props.pointBorderDashOffset,
+          pointBorderJoinStyle: props.pointBorderJoinStyle,
+          pointBorderRadius: props.pointBorderRadius,
+          keyField: props.keyField,
+          renderMarker: props.renderMarker,
+          segmentColor: props.segmentColor,
+          segmentStrokeWidth: props.segmentStrokeWidth,
+          segmentDash: props.segmentDash,
+          segmentFillColor: props.segmentFillColor,
+          borderColor: props.borderColor,
+          borderStrokeWidth: props.borderStrokeWidth,
+          borderDash: props.borderDash,
+          borderDashOffset: props.borderDashOffset,
+          borderJoinStyle: props.borderJoinStyle,
+          borderCapStyle: props.borderCapStyle
+        };
+        p.showMarkers = props.showMarkers === true;
+        if (props.connectNulls) p.connectNulls = props.connectNulls;
+        return p;
+      });
+      useDatasetRegistration({
+        id: datasetId,
+        type: "line",
+        props: datasetProps
+      });
+    }
+    if (hasChildren.value) {
+      let buildSynthesizedProps2 = function() {
+        const items = getItems();
+        return {
+          id: autoId,
+          data: items,
+          categoryField: (ctx) => ctx.datum.label ?? "",
+          valueField: (ctx) => ctx.datum.value,
+          pointColors: items.some((i) => i.color != null) ? items.map((i) => i.color) : void 0,
+          name: props.name,
+          color: props.color,
+          lineStrokeWidth: props.lineStrokeWidth,
+          curve: props.curve,
+          showMarkers: props.showMarkers,
+          markerSize: props.markerSize,
+          markerShape: props.markerShape,
+          xAxisId: props.xAxisId,
+          yAxisId: props.yAxisId,
+          order: effectiveOrder,
+          stackId,
+          rangeId,
+          stacking: props.stacking,
+          fillOpacity: props.fillOpacity,
+          tension: props.tension,
+          pointHitRadius: props.pointHitRadius,
+          pointBackgroundColor: props.pointBackgroundColor,
+          pointHoverBackgroundColor: props.pointHoverBackgroundColor,
+          pointHoverBorderColor: props.pointHoverBorderColor,
+          pointHoverBorderStrokeWidth: props.pointHoverBorderStrokeWidth,
+          hoverColor: props.hoverColor,
+          hoverBorderColor: props.hoverBorderColor,
+          lineCapStyle: props.lineCapStyle,
+          lineJoinStyle: props.lineJoinStyle,
+          lineDash: props.lineDash,
+          lineDashOffset: props.lineDashOffset,
+          hoverPointRadius: props.hoverPointRadius,
+          pointRotation: props.pointRotation,
+          pointBorderColor: props.pointBorderColor,
+          pointBorderStrokeWidth: props.pointBorderStrokeWidth,
+          pointBorderDash: props.pointBorderDash,
+          pointBorderDashOffset: props.pointBorderDashOffset,
+          pointBorderJoinStyle: props.pointBorderJoinStyle,
+          pointBorderRadius: props.pointBorderRadius,
+          segmentColor: props.segmentColor,
+          segmentStrokeWidth: props.segmentStrokeWidth,
+          segmentDash: props.segmentDash,
+          segmentFillColor: props.segmentFillColor,
+          connectNulls: props.connectNulls,
+          renderMarker: props.renderMarker,
+          borderColor: props.borderColor,
+          borderStrokeWidth: props.borderStrokeWidth,
+          borderDash: props.borderDash,
+          borderDashOffset: props.borderDashOffset,
+          borderJoinStyle: props.borderJoinStyle,
+          borderCapStyle: props.borderCapStyle,
+          keyField: props.keyField
+        };
+      };
+      const methods = useChartMethods();
+      const { getItems } = useItemCollector();
+      let isRegistered = false;
+      onMounted(() => {
+        methods.registerDataset(autoId, "line", buildSynthesizedProps2());
+        isRegistered = true;
+      });
+      watch([
+        () => props.name,
+        () => props.color,
+        () => props.lineStrokeWidth,
+        () => props.curve,
+        () => props.showMarkers,
+        () => props.markerSize,
+        () => props.order,
+        () => props.fillOpacity,
+        () => props.segmentColor,
+        () => props.segmentStrokeWidth,
+        () => props.segmentDash,
+        () => props.segmentFillColor,
+        () => props.renderMarker,
+        () => props.pointBorderColor,
+        () => props.pointBorderStrokeWidth,
+        () => props.pointBorderDash,
+        () => props.pointBorderDashOffset,
+        () => props.pointBorderJoinStyle,
+        () => props.pointBorderRadius,
+        () => props.borderColor,
+        () => props.borderStrokeWidth,
+        () => props.borderDash,
+        () => props.borderDashOffset,
+        () => props.borderJoinStyle,
+        () => props.borderCapStyle,
+        () => props.keyField
+      ], () => {
+        if (!isRegistered) return;
+        methods.updateDataset(autoId, buildSynthesizedProps2());
+      }, { flush: "post" });
+      onUnmounted(() => {
+        methods.unregisterDataset(autoId);
+        isRegistered = false;
+      });
+    }
+    return (_ctx, _cache) => {
+      return hasChildren.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true);
+    };
+  }
+});
+var ChartLine_default = _sfc_main;
+
+export { ChartLine_default };

package/dist/chunk-6S4JMPKC.mjs

@@ -0,0 +1,55 @@
+import { useCustomizationRegistration } from './chunk-PQV55JYI.mjs';
+import { CHART_METHODS_KEY, CHART_GROUP_TEXT_KEY } from './chunk-FZ3PZ66C.mjs';
+import { defineComponent, inject, computed, onMounted, watch, onUnmounted } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartTitle",
+  props: {
+    text: {},
+    position: {},
+    alignment: {},
+    fontSize: {},
+    fontWeight: {},
+    fontFamily: {},
+    fontStyle: {},
+    lineHeight: {},
+    color: {},
+    padding: {},
+    floating: { type: Boolean },
+    offsetX: {},
+    offsetY: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const chartMethods = inject(CHART_METHODS_KEY, null);
+    const groupText = inject(CHART_GROUP_TEXT_KEY, null);
+    if (chartMethods) {
+      const registrationProps = computed(() => ({
+        text: props.text,
+        position: props.position,
+        alignment: props.alignment,
+        fontSize: props.fontSize,
+        fontWeight: props.fontWeight,
+        fontFamily: props.fontFamily,
+        fontStyle: props.fontStyle,
+        lineHeight: props.lineHeight,
+        color: props.color,
+        padding: props.padding,
+        floating: props.floating,
+        offsetX: props.offsetX,
+        offsetY: props.offsetY
+      }));
+      useCustomizationRegistration("title", registrationProps);
+    } else if (groupText) {
+      onMounted(() => groupText.setTitle(props.text));
+      watch(() => props.text, (t) => groupText.setTitle(t));
+      onUnmounted(() => groupText.setTitle(void 0));
+    }
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+var ChartTitle_default = _sfc_main;
+
+export { ChartTitle_default };

package/dist/chunk-72KINEJ6.mjs

@@ -0,0 +1,52 @@
+import { Chart_default } from './chunk-372K2BMN.mjs';
+import { defineComponent, ref, openBlock, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartCanvas",
+  props: {
+    devicePixelRatio: {},
+    width: {},
+    height: {},
+    class: {},
+    style: {},
+    theme: {},
+    plugins: {},
+    responsive: {
+      type: Boolean,
+      default: true
+    },
+    aspectRatio: {},
+    debounceDelay: {},
+    sync: { type: [Boolean, Object] },
+    dir: {},
+    fontFamily: {},
+    fontSize: {},
+    locale: {},
+    animation: {
+      type: [Object, Boolean],
+      default: void 0
+    },
+    animations: {},
+    transitions: {}
+  },
+  emits: ["resize"],
+  setup(__props, { expose: __expose }) {
+    const chartRef = ref(null);
+    __expose({ redraw: () => chartRef.value?.redraw() });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Chart_default, mergeProps({
+        ref_key: "chartRef",
+        ref: chartRef
+      }, _ctx.$props, {
+        renderer: "canvas",
+        onResize: _cache[0] || (_cache[0] = (w, h) => _ctx.$emit("resize", w, h))
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var ChartCanvas_default = _sfc_main;
+
+export { ChartCanvas_default };

package/dist/chunk-7P6ASYW6.mjs

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export { __export };

package/dist/chunk-AAX7FOW3.mjs

@@ -0,0 +1,210 @@
+import { PolarLayer_default } from './chunk-JKK3D33U.mjs';
+import { RadialRenderer_default } from './chunk-4NJ2PSHV.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-CQHNYT2V.mjs';
+import { STACKED_CONTEXT_KEY } from './chunk-TEOO4OLV.mjs';
+import { useRendererHint, useChartMethods } from './chunk-HANSF33Z.mjs';
+import { defineComponent, useSlots, computed, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
+import { resolveAccessor } from '@primeui/chart-core';
+
+var polarIdCounter = 0;
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartPolar",
+  props: {
+    id: {},
+    data: {},
+    categoryField: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    valueField: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    name: {},
+    color: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    opacity: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    hoverColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    hoverBorderColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    innerRadius: {},
+    order: {},
+    stackId: {},
+    sort: {},
+    keyField: {},
+    borderColor: { type: [
+      String,
+      Function,
+      Array
+    ] },
+    borderStrokeWidth: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    borderDash: { type: [
+      Array,
+      String,
+      Function
+    ] },
+    borderDashOffset: { type: [
+      String,
+      Function,
+      Number,
+      Array
+    ] },
+    borderJoinStyle: {},
+    borderAlign: {},
+    borderRadius: { type: [
+      String,
+      Function,
+      Number,
+      Object,
+      Array
+    ] },
+    borderSkipped: { type: [
+      String,
+      Function,
+      Boolean,
+      Array
+    ] },
+    spacing: {},
+    animations: {}
+  },
+  setup(__props) {
+    useRendererHint("radial");
+    registerFamilyRenderer("radial", RadialRenderer_default);
+    registerChartLayer("polar", {
+      family: "radial",
+      frameKind: "grid",
+      layer: PolarLayer_default
+    });
+    const props = __props;
+    function generatePolarId() {
+      return `polar-auto-${++polarIdCounter}`;
+    }
+    const slots = useSlots();
+    const hasChildren = computed(() => !!slots.default);
+    const autoId = props.id || generatePolarId();
+    useDatasetAnimationRegistration(() => autoId, () => props.animations);
+    const stackedContext = inject(STACKED_CONTEXT_KEY, null);
+    let autoOrder;
+    if (stackedContext && props.order === void 0) {
+      autoOrder = stackedContext.getNextOrder();
+    }
+    const effectiveOrder = props.order ?? autoOrder;
+    const stackId = stackedContext?.stackId;
+    if (!hasChildren.value) {
+      const datasetId = computed(() => autoId);
+      const datasetProps = computed(() => ({
+        id: autoId,
+        data: props.data,
+        categoryField: props.categoryField,
+        valueField: props.valueField,
+        color: props.color,
+        name: props.name,
+        order: effectiveOrder,
+        stackId,
+        innerRadius: props.innerRadius,
+        sort: props.sort,
+        spacing: props.spacing,
+        borderColor: props.borderColor,
+        borderStrokeWidth: props.borderStrokeWidth,
+        borderRadius: props.borderRadius,
+        borderDash: props.borderDash,
+        borderDashOffset: props.borderDashOffset,
+        borderJoinStyle: props.borderJoinStyle,
+        borderAlign: props.borderAlign,
+        borderSkipped: props.borderSkipped,
+        hoverColor: props.hoverColor,
+        hoverBorderColor: props.hoverBorderColor,
+        keyField: props.keyField
+      }));
+      useDatasetRegistration({
+        id: datasetId,
+        type: "polar",
+        props: datasetProps
+      });
+    }
+    if (hasChildren.value) {
+      let buildSynthesizedProps2 = function() {
+        return {
+          id: autoId,
+          data: getItems(),
+          categoryField: (ctx) => ctx.datum.label ?? "",
+          valueField: (ctx) => ctx.datum.value,
+          color: ((ctx) => ctx.datum.color ?? resolveAccessor(props.color, ctx)),
+          name: props.name,
+          innerRadius: props.innerRadius,
+          sort: props.sort,
+          order: effectiveOrder,
+          stackId,
+          spacing: props.spacing,
+          borderColor: props.borderColor,
+          borderStrokeWidth: props.borderStrokeWidth,
+          borderRadius: props.borderRadius,
+          borderDash: props.borderDash,
+          borderDashOffset: props.borderDashOffset,
+          borderJoinStyle: props.borderJoinStyle,
+          borderAlign: props.borderAlign,
+          borderSkipped: props.borderSkipped,
+          keyField: props.keyField
+        };
+      };
+      const methods = useChartMethods();
+      const { getItems } = useItemCollector();
+      let isRegistered = false;
+      onMounted(() => {
+        methods.registerDataset(autoId, "polar", buildSynthesizedProps2());
+        isRegistered = true;
+      });
+      watch([
+        () => props.name,
+        () => props.color,
+        () => props.innerRadius,
+        () => props.order,
+        () => props.sort,
+        () => props.borderColor,
+        () => props.borderStrokeWidth,
+        () => props.borderRadius,
+        () => props.borderDash,
+        () => props.borderDashOffset,
+        () => props.borderJoinStyle,
+        () => props.borderAlign,
+        () => props.borderSkipped
+      ], () => {
+        if (!isRegistered) return;
+        methods.updateDataset(autoId, buildSynthesizedProps2());
+      }, { flush: "post" });
+      onUnmounted(() => {
+        methods.unregisterDataset(autoId);
+        isRegistered = false;
+      });
+    }
+    return (_ctx, _cache) => {
+      return hasChildren.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true);
+    };
+  }
+});
+var ChartPolar_default = _sfc_main;
+
+export { ChartPolar_default };