@primeui/vue-chart 0.0.1-alpha.1 → 1.0.0-rc.1

package/dist/{chunk-E2U4W5FW.mjs → chunks/chunk-F7EK5D6J.mjs}

@@ -1,8 +1,8 @@
-import { RadarLayer_default } from './chunk-DOOXGOOB.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 { RadarLayer_default } from './chunk-OJHEN5FG.mjs';
+import { RadialRenderer_default } from './chunk-5ZLVNQ2L.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
+import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, useSlots, computed, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 
 var radarIdCounter = 0;
@@ -11,12 +11,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     id: {},
     data: {},
-    categoryField: { type: [
+    categoryXField: { type: [
       String,
       Function,
       Array
     ] },
-    valueField: { type: [
+    valueYField: { type: [
       String,
       Function,
       Number,
@@ -158,8 +158,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const datasetProps = computed(() => ({
         id: autoId,
         data: props.data,
-        categoryField: props.categoryField,
-        valueField: props.valueField,
+        categoryXField: props.categoryXField,
+        valueYField: props.valueYField,
         color: props.color,
         name: props.name,
         fillOpacity: props.fillOpacity,
@@ -204,8 +204,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return {
           id: autoId,
           data: getItems(),
-          categoryField: (ctx) => ctx.datum.label ?? "",
-          valueField: (ctx) => ctx.datum.value,
+          categoryXField: (ctx) => ctx.datum.categoryX ?? "",
+          valueYField: (ctx) => ctx.datum.valueY,
           name: props.name,
           color: props.color,
           fillOpacity: props.fillOpacity,

package/dist/{chunk-ZHFL3RYO.mjs → chunks/chunk-GE2Y2FHS.mjs}

@@ -1,8 +1,8 @@
-import { PieLayer_default } from './chunk-UO27BCRL.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 { PieLayer_default } from './chunk-3XOLEGDL.mjs';
+import { RadialRenderer_default } from './chunk-5ZLVNQ2L.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
+import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, useSlots, computed, useId, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { resolveAccessor } from '@primeui/chart-core';
 
@@ -146,7 +146,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           id: autoId,
           data: items,
           valueField: (ctx) => ctx.datum.value,
-          categoryField: (ctx) => ctx.datum.label ?? "",
+          categoryField: (ctx) => ctx.datum.category ?? "",
           color: ((ctx) => ctx.datum.color ?? resolveAccessor(props.color, ctx)),
           // Pie-level props pass through
           innerRadius: props.innerRadius,

package/dist/{chunk-AAX7FOW3.mjs → chunks/chunk-GIDIMIWE.mjs}

@@ -1,8 +1,8 @@
-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 { PolarLayer_default } from './chunk-ADAGGXFG.mjs';
+import { RadialRenderer_default } from './chunk-5ZLVNQ2L.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
+import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, useSlots, computed, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { resolveAccessor } from '@primeui/chart-core';
 
@@ -12,12 +12,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     id: {},
     data: {},
-    categoryField: { type: [
+    categoryXField: { type: [
       String,
       Function,
       Array
     ] },
-    valueField: { type: [
+    valueYField: { type: [
       String,
       Function,
       Number,
@@ -118,8 +118,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const datasetProps = computed(() => ({
         id: autoId,
         data: props.data,
-        categoryField: props.categoryField,
-        valueField: props.valueField,
+        categoryXField: props.categoryXField,
+        valueYField: props.valueYField,
         color: props.color,
         name: props.name,
         order: effectiveOrder,
@@ -150,8 +150,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return {
           id: autoId,
           data: getItems(),
-          categoryField: (ctx) => ctx.datum.label ?? "",
-          valueField: (ctx) => ctx.datum.value,
+          categoryXField: (ctx) => ctx.datum.categoryX ?? "",
+          valueYField: (ctx) => ctx.datum.valueY,
           color: ((ctx) => ctx.datum.color ?? resolveAccessor(props.color, ctx)),
           name: props.name,
           innerRadius: props.innerRadius,

package/dist/{chunk-NLXOJSKK.mjs → chunks/chunk-GLFXRR7N.mjs}

@@ -1,4 +1,4 @@
-import { useChartMethods } from './chunk-HANSF33Z.mjs';
+import { useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, computed, ref, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, toDisplayString, unref } from 'vue';
 import { resolveNavigatorConfig, calculateNavigatorLayout, configureCanvasHiDPI, renderNavigatorCanvas, HANDLE_WIDTH, GRIP_LINE_GAP, computeNavigatorJump, computeNavigatorJumpY, hitTestNavigator, computeNavigatorPan, computeNavigatorResizeLeft, computeNavigatorResizeRight, computeNavigatorPanY, computeNavigatorResizeTop, computeNavigatorResizeBottom } from '@primeui/chart-core';
 
@@ -241,14 +241,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     let dragCurrent = null;
     const isDragging = ref(false);
     function beginDrag(type, clientX, clientY, target, pointerId) {
-      if (!props.zoomState.x || !scales.value) return;
+      const horizontal = data.value?.orientation === "horizontal";
+      const primary = horizontal ? props.zoomState.y : props.zoomState.x;
+      if (!primary || !scales.value) return;
       target.setPointerCapture(pointerId);
       dragCurrent = {
         type,
         startClientX: clientX,
         startClientY: clientY,
-        startMin: props.zoomState.x.min,
-        startMax: props.zoomState.x.max,
+        startMin: primary.min,
+        startMax: primary.max,
         startMinY: props.zoomState.y?.min ?? 0,
         startMaxY: props.zoomState.y?.max ?? 0
       };
@@ -268,6 +270,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } else if (dragCurrent.type === "resize-right") {
         xResult = computeNavigatorResizeRight(dragCurrent.startMin, dragCurrent.startMax, deltaX, scales.value.x, data.value.xDomain);
       }
+      if (data.value.orientation === "horizontal") {
+        props.updateZoom({
+          x: props.zoomState.x,
+          y: xResult ? {
+            min: xResult.min,
+            max: xResult.max
+          } : props.zoomState.y
+        });
+        return;
+      }
       let yResult = props.zoomState.y;
       if (is2DNav.value && data.value.yDomain) {
         if (dragCurrent.type === "pan") {
@@ -320,8 +332,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const rect = svg.getBoundingClientRect();
       const clickX = e.clientX - rect.left - props.area.x;
       const clickY = e.clientY - rect.top - props.area.y;
-      const currentWidth = props.zoomState.x ? props.zoomState.x.max - props.zoomState.x.min : null;
+      const horizontal = data.value.orientation === "horizontal";
+      const primary = horizontal ? props.zoomState.y : props.zoomState.x;
+      const currentWidth = primary ? primary.max - primary.min : null;
       const xResult = computeNavigatorJump(clickX, currentWidth, scales.value.x, data.value.xDomain);
+      if (horizontal) {
+        props.updateZoom({
+          x: props.zoomState.x,
+          y: {
+            min: xResult.min,
+            max: xResult.max
+          }
+        });
+        return;
+      }
       let yResult = props.zoomState.y;
       if (is2DNav.value && data.value.yDomain) {
         const currentHeight = props.zoomState.y ? props.zoomState.y.max - props.zoomState.y.min : null;

package/dist/{chunk-W5M3BR6N.mjs → chunks/chunk-GV3CY6CQ.mjs}

@@ -1,4 +1,4 @@
-import { useChartMethods } from './chunk-HANSF33Z.mjs';
+import { useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, onMounted, watch, onUnmounted, renderSlot } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{chunk-CDXF6ZTL.mjs → chunks/chunk-HH5FUUXX.mjs}

@@ -1,4 +1,4 @@
-import { useCustomizationRegistration } from './chunk-PQV55JYI.mjs';
+import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
 import { defineComponent, computed } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/{chunk-RQURY2H3.mjs → chunks/chunk-HHZFGQN2.mjs}

@@ -1,5 +1,5 @@
-import { RANGE_CONTEXT_KEY } from './chunk-TEOO4OLV.mjs';
-import { useChartMethods } from './chunk-HANSF33Z.mjs';
+import { RANGE_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
+import { useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, provide, computed, onMounted, watch, onUnmounted, renderSlot } from 'vue';
 
 var rangeIdCounter = 0;

package/dist/{chunk-2D3PWFR2.mjs → chunks/chunk-HVLFOABV.mjs}

@@ -1,6 +1,6 @@
-import { RectRenderer_default } from './chunk-VWABO23U.mjs';
-import { registerFamilyRenderer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-CQHNYT2V.mjs';
-import { useRendererHint, useChartMethods } from './chunk-HANSF33Z.mjs';
+import { RectRenderer_default } from './chunk-IRGQNA5W.mjs';
+import { registerFamilyRenderer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
 import { defineComponent, useSlots, computed, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 
 var treemapIdCounter = 0;
@@ -125,7 +125,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const p = {
           id: autoId,
           data: items,
-          categoryField: "label",
+          categoryField: "category",
           valueField: "value",
           name: props.name,
           nodeId: hasHierarchy ? "nodeId" : props.nodeId,