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

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,