@primeui/vue-chart 1.0.0-beta.1 → 1.0.0-rc.2

package/dist/chunks/{chunk-YZQS2YBK.mjs → chunk-BVB7G6Y5.mjs}

@@ -1,5 +1,6 @@
-import { useChartLayers, useCartesianLayout, provideCartesianFrame, useCartesianAnimation } from './chunk-I2BWSDNR.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { applyDataLabelRuleOverrides } from './chunk-Q3I4EL3N.mjs';
+import { useChartLayers, useCartesianLayout, provideCartesianFrame, useCartesianAnimation } from './chunk-KX5GTFS3.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-F72RBTHC.mjs';
 import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
 import { defineComponent, computed, inject, ref, onUnmounted, watch, shallowRef, toRef, h, openBlock, createElementBlock, Fragment, unref, createElementVNode, createCommentVNode, renderList, createBlock, resolveDynamicComponent } from 'vue';
 import { applyAxisOverrides, calculateCartesianArea, computeNaturalAxisWidths, needsAxisPadding, buildMarkerRenderItems, computeReferenceLines, computeReferenceBands, CanvasCompositor, normalizeDataLabelConfig, shallowEqual, AnimatedPropertyStore, renderCartesianFrame, safeRenderProp, resolveNearestHit, mergeAllNearestResults, buildZoomScales } from '@primeui/chart-core';
@@ -65,6 +66,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const hoverCtx = useChartHover();
     const features = computed(() => state.value.features);
     const hoverConfig = computed(() => features.value.get("hover")?.props);
+    const crosshairSnap = computed(() => features.value.get("tooltip")?.props?.snap);
     const effectiveAxes = computed(() => ({
       x: applyAxisOverrides(state.value.axes.x, props.ruleOverrides?.xAxis),
       y: applyAxisOverrides(state.value.axes.y, props.ruleOverrides?.yAxis)
@@ -182,11 +184,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }));
     });
     const sharedCompositor = new CanvasCompositor();
-    const labelConfig = computed(() => {
-      if (props.ruleOverrides?.dataLabels?.enabled === false) return null;
-      const dlProps = features.value.get("dataLabels")?.props;
-      return normalizeDataLabelConfig(dlProps, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font) ?? null;
-    });
+    const dataLabelProps = computed(() => applyDataLabelRuleOverrides(features.value, props.ruleOverrides).get("dataLabels")?.props);
+    const labelConfig = computed(() => normalizeDataLabelConfig(dataLabelProps.value, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font) ?? null);
     let _prevMergedPA;
     const mergedPropertyAnimations = computed(() => {
       const f = state.value.features;
@@ -218,6 +217,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       layoutData,
       labelConfig,
       hoverConfig,
+      crosshairSnap,
       zoomState: computed(() => props.zoomState ?? null),
       adaptiveDataLabelFontSize: computed(() => props.adaptiveDataLabelFontSize),
       adaptiveDataLabelRotation: computed(() => props.adaptiveDataLabelRotation),
@@ -243,8 +243,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const allMarkerOverlays = computed(() => Array.from(frame.handles.values()).flatMap((handle) => handle.markerOverlays?.value ?? []));
     const customDataLabelVNodes = computed(() => {
       if (methods.renderer !== "svg" || !layoutData.value) return [];
-      const dlProps = features.value.get("dataLabels")?.props;
-      const lc = normalizeDataLabelConfig(dlProps, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font);
+      const lc = normalizeDataLabelConfig(dataLabelProps.value, props.adaptiveDataLabelFontSize, props.adaptiveDataLabelRotation, methods.font);
       if (!lc?.render) return [];
       const nodes = [];
       for (const handle of frame.handles.values()) {
@@ -395,10 +394,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const barResult = frame.handles.get("bar")?.findAllNearest?.(x, y) ?? null;
       const lineResult = frame.handles.get("line")?.findAllNearest?.(x, y) ?? null;
       const csResult = frame.handles.get("candlestick")?.findAllNearest?.(x, y) ?? null;
+      const scResult = frame.handles.get("scatter")?.findAllNearest?.(x, y) ?? null;
       return mergeAllNearestResults([
         barResult,
         lineResult,
-        csResult
+        csResult,
+        scResult
       ], x, y);
     }
     function getPlotArea() {
@@ -419,7 +420,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function getCrosshairContext() {
       const ld = layoutData.value;
-      if (!ld) return null;
+      if (!ld || ld.sharedCategoryYScale) return null;
       const isHorizontal = ld.orientation === "horizontal";
       return {
         orientation: ld.orientation,

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

@@ -1,8 +1,8 @@
-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 { PolarLayer_default } from './chunk-QWUGZTCV.mjs';
+import { RadialRenderer_default } from './chunk-7SY52FXI.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
 import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { resolveAccessor } from '@primeui/chart-core';
 

package/dist/chunks/{chunk-JVH4MDKX.mjs → chunk-D65PFBA5.mjs}

@@ -1,5 +1,5 @@
 import { AXIS_GROUP_REGISTRY_KEY } from './chunk-EHSDNH7K.mjs';
-import { useAxisComponentBase } from './chunk-I2BWSDNR.mjs';
+import { useAxisComponentBase } from './chunk-KX5GTFS3.mjs';
 import { defineComponent, useSlots, computed, provide, renderSlot } from 'vue';
 
 var __default__ = { inheritAttrs: false };

package/dist/chunks/{chunk-MGUGO3RV.mjs → chunk-DKLWPPME.mjs}

@@ -6,6 +6,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     render: { type: Function },
     label: {},
+    categories: {},
     range: {},
     labelStyle: {},
     bracket: { type: [Boolean, Object] },
@@ -47,6 +48,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         def.range = props.range;
         return def;
       }
+      if (props.categories && props.categories.length > 0) {
+        def.categories = props.categories;
+        return def;
+      }
       const vals = categoryValues.value;
       const allNumeric = vals.length > 0 && vals.every((v) => typeof v === "number");
       if (allNumeric && vals.length >= 2) {
@@ -73,6 +78,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         axisRegistry.addGroup(buildDefinition());
       }
     });
+    watch(() => [props.range, props.categories], () => {
+      if (mounted && axisRegistry) {
+        axisRegistry.addGroup(buildDefinition());
+      }
+    }, { deep: true });
     let mountTimerId;
     onMounted(() => {
       mountTimerId = setTimeout(() => {

package/dist/chunks/{chunk-CGFPDWB4.mjs → chunk-DLRPM3GK.mjs}

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

package/dist/chunks/{chunk-3DINEX6C.mjs → chunk-DZIZEFTD.mjs}

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

package/dist/chunks/{chunk-LJZCE7LQ.mjs → chunk-EAHLFHB7.mjs}

@@ -1,9 +1,10 @@
 import { useControllerLifecycle } from './chunk-KNNYJD4D.mjs';
-import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-I2BWSDNR.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { useCartesianFrame, useCartesianFrameRegistration } from './chunk-KX5GTFS3.mjs';
+import { useChartMethods, useChartState, useChartHover } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, unref, openBlock, createElementBlock, createCommentVNode, ref, watch } from 'vue';
 import { createScatterRendererCanvas } from '@primeui/chart-core/series/scatter/controller-canvas';
 import { createScatterRendererSvg } from '@primeui/chart-core/series/scatter/controller-svg';
+import { formatTooltipValue } from '@primeui/chart-core';
 
 function useScatterRenderer(options) {
   const {
@@ -76,9 +77,13 @@ function useScatterRenderer(options) {
   function hitTest(x, y) {
     return controller.hitTest(x, y);
   }
+  function findNearest(x, y) {
+    return controller.findNearest(x, y);
+  }
   return {
     groupRef,
     hitTest,
+    findNearest,
     boostActive: computed(() => controller.boostActive),
     markerOverlays: markerOverlaysRef,
     applyPropertyAnimations,
@@ -92,12 +97,24 @@ function useScatterRenderer(options) {
     }
   };
 }
-
-// src/components/renderers/layers/ScatterLayer.vue
 var _hoisted_1 = ["clip-path"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ScatterLayer",
   setup(__props) {
+    function fmtAxis(ld, axisKey, v) {
+      const tf = ld?.axisLayouts?.get(axisKey)?.props?.tickFormat;
+      return typeof tf === "function" ? tf(v) : formatTooltipValue(v);
+    }
+    function toCartesianScatterHit(scHit) {
+      return {
+        ...scHit,
+        value: scHit.yValue,
+        snapX: scHit.x,
+        snapY: scHit.y,
+        formattedValue: "",
+        cursorFormattedValue: ""
+      };
+    }
     const frame = useCartesianFrame();
     const methods = useChartMethods();
     const state = useChartState();
@@ -139,23 +156,45 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       syncWithAnimatedScale: (categoryScale, valueScales, valueXScales) => scatter.syncWithAnimatedScale(categoryScale, valueScales, valueXScales),
       hitTest: (x, y) => {
         const scHit = scatter.hitTest(x, y);
+        return scHit ? toCartesianScatterHit(scHit) : null;
+      },
+      // Scatter is a 2D point cloud, so the crosshair snaps to the single nearest point
+      // anywhere in the plot area (unbounded findNearest, not the hit-radius hitTest) — that
+      // is what lets the crosshair follow the cursor everywhere, like line/bar.
+      findAllNearest: (x, y) => {
+        const scHit = scatter.findNearest(x, y);
         if (!scHit) return null;
+        const ld = frame.layoutData.value ?? null;
+        const primary = toCartesianScatterHit(scHit);
+        const snap = frame.crosshairSnap.value;
+        const lockX = snap === "xy" || snap === "x";
+        const lockY = snap === "xy" || snap === "y";
+        const horizontal = (ld?.orientation ?? "vertical") === "horizontal";
+        const vId = ld?.valueScales?.keys().next().value ?? "default";
+        const vKey = `${horizontal ? "x" : "y"}:${vId}`;
+        const vScale = ld?.valueScales?.get(vId);
+        const vText = fmtAxis(ld, vKey, scHit.yValue);
+        const lockValue = horizontal ? lockX : lockY;
+        primary.cursorFormattedValue = lockValue || !vScale ? vText : fmtAxis(ld, vKey, Math.round(vScale.invert(horizontal ? x : y)));
+        if (scHit.independentIsCategory) {
+          primary.label = scHit.category ?? scHit.label;
+          primary.formattedValue = vText;
+        } else {
+          const xId = ld?.valueXScales?.keys().next().value ?? "default";
+          const xKey = `x:${xId}`;
+          const xScale = ld?.valueXScales?.get(xId);
+          const xPointText = fmtAxis(ld, xKey, scHit.xValue);
+          primary.label = lockX || !xScale ? xPointText : fmtAxis(ld, xKey, Math.round(xScale.invert(x)));
+          primary.formattedValue = `${xPointText}, ${vText}`;
+        }
+        const allSeries = scHit.independentIsCategory ? [{
+          ...primary,
+          value: primary.value ?? 0,
+          snapPixel: primary.snapY
+        }] : [];
         return {
-          datasetId: scHit.datasetId,
-          index: scHit.index,
-          label: scHit.label,
-          value: scHit.yValue,
-          xValue: scHit.xValue,
-          yValue: scHit.yValue,
-          independentIsCategory: scHit.independentIsCategory,
-          xAxisTitle: scHit.xAxisTitle,
-          yAxisTitle: scHit.yAxisTitle,
-          ...scHit.bubbleValue != null ? { bubbleValue: scHit.bubbleValue } : {},
-          color: scHit.color,
-          snapX: scHit.x,
-          snapY: scHit.y,
-          formattedValue: "",
-          cursorFormattedValue: ""
+          primary,
+          allSeries
         };
       },
       getPointPosition: (datasetId, index) => {

package/dist/chunks/{chunk-IFZSHQDZ.mjs → chunk-EDDORION.mjs}

@@ -1,4 +1,4 @@
-import { useBarLayer, useBarRendererBase } from './chunk-AKMQHU5T.mjs';
+import { useBarLayer, useBarRendererBase } from './chunk-V4KRWSEE.mjs';
 import { defineComponent, unref, openBlock, createElementBlock, createCommentVNode } from 'vue';
 import { createBarRendererCanvas } from '@primeui/chart-core/series/bar/controller-canvas';
 

package/dist/chunks/{chunk-QOWKMWNO.mjs → chunk-F72RBTHC.mjs}

@@ -1,6 +1,6 @@
-import { CHART_METHODS_KEY, CHART_STATE_KEY, CHART_HOVER_KEY, RENDERER_HINT_KEY, CHART_REFRESH_NONCE_KEY, CHART_CORE_INSTANCE_KEY } from './chunk-4Q3QUNX6.mjs';
-import { createChart, defaultLightTheme } from '@primeui/chart-core';
-import { inject, shallowRef, ref, computed, watch, provide } from 'vue';
+import { CHART_METHODS_KEY, CHART_STATE_KEY, CHART_HOVER_KEY, CHART_RULE_OVERRIDES_KEY, RENDERER_HINT_KEY, CHART_REFRESH_NONCE_KEY, CHART_CORE_INSTANCE_KEY } from './chunk-FGBZ3VPE.mjs';
+import { createChart, defaultLightTheme, applyColorblindMode } from '@primeui/chart-core';
+import { inject, computed, shallowRef, ref, watch, provide } from 'vue';
 
 function useChartMethods() {
   const ctx = inject(CHART_METHODS_KEY);
@@ -23,6 +23,9 @@ function useChartHover() {
   }
   return hoverRef;
 }
+function useRuleOverrides() {
+  return inject(CHART_RULE_OVERRIDES_KEY) ?? computed(() => ({}));
+}
 function useRendererHint(hint) {
   const hintRef = inject(RENDERER_HINT_KEY);
   if (hintRef) {
@@ -122,6 +125,10 @@ function provideChartContext(options) {
     axesX: new Map(s0.axes.x),
     axesY: new Map(s0.axes.y)
   };
+  let cbEffective = null;
+  let cbRaw = null;
+  let cbTheme = null;
+  let cbExplicit = null;
   const stateValue = computed(() => {
     void version.value;
     const s = coreChart.$state;
@@ -132,7 +139,22 @@ function provideChartContext(options) {
     const annotations = mapsEqual(s.annotations, snap.annotations) ? snap.annotations : snap.annotations = new Map(s.annotations);
     const axesX = mapsEqual(s.axes.x, snap.axesX) ? snap.axesX : snap.axesX = new Map(s.axes.x);
     const axesY = mapsEqual(s.axes.y, snap.axesY) ? snap.axesY : snap.axesY = new Map(s.axes.y);
-    return { datasets, datasetVisibility, hiddenItems, features, annotations, axes: { x: axesX, y: axesY } };
+    const cbOn = features.get("accessibility")?.props?.patterns === true;
+    let effectiveDatasets = datasets;
+    if (cbOn) {
+      const themeVal = theme?.value ?? defaultLightTheme;
+      const themeExplicit = renderer === "canvas" || themeVal !== defaultLightTheme;
+      if (datasets !== cbRaw || themeVal !== cbTheme || themeExplicit !== cbExplicit) {
+        cbEffective = applyColorblindMode(datasets, themeVal, themeExplicit);
+        cbRaw = datasets;
+        cbTheme = themeVal;
+        cbExplicit = themeExplicit;
+      }
+      effectiveDatasets = cbEffective;
+    } else if (cbRaw !== null) {
+      cbRaw = cbEffective = cbExplicit = null;
+    }
+    return { datasets: effectiveDatasets, datasetVisibility, hiddenItems, features, annotations, axes: { x: axesX, y: axesY } };
   });
   const hoverValue = computed(() => ({
     hover: hoverState.value
@@ -166,4 +188,4 @@ function provideChartContext(options) {
   };
 }
 
-export { provideChartContext, useChartHover, useChartMethods, useChartState, useRendererHint };
+export { provideChartContext, useChartHover, useChartMethods, useChartState, useRendererHint, useRuleOverrides };

package/dist/chunks/{chunk-4Q3QUNX6.mjs → chunk-FGBZ3VPE.mjs}

@@ -8,5 +8,6 @@ var CHART_GROUP_TEXT_KEY = /* @__PURE__ */ Symbol.for("chart-group-text");
 var TOOLTIP_CONTEXT_KEY = /* @__PURE__ */ Symbol.for("chart-tooltip");
 var CHART_CORE_INSTANCE_KEY = /* @__PURE__ */ Symbol.for("chart-core-instance");
 var CHART_REFRESH_NONCE_KEY = /* @__PURE__ */ Symbol.for("chart-refresh-nonce");
+var CHART_RULE_OVERRIDES_KEY = /* @__PURE__ */ Symbol.for("chart-rule-overrides");
 
-export { CHART_CORE_INSTANCE_KEY, CHART_GROUP_TEXT_KEY, CHART_HOVER_KEY, CHART_METHODS_KEY, CHART_REFRESH_NONCE_KEY, CHART_STATE_KEY, ITEM_COLLECTOR_KEY, RENDERER_HINT_KEY, TOOLTIP_CONTEXT_KEY };
+export { CHART_CORE_INSTANCE_KEY, CHART_GROUP_TEXT_KEY, CHART_HOVER_KEY, CHART_METHODS_KEY, CHART_REFRESH_NONCE_KEY, CHART_RULE_OVERRIDES_KEY, CHART_STATE_KEY, ITEM_COLLECTOR_KEY, RENDERER_HINT_KEY, TOOLTIP_CONTEXT_KEY };

package/dist/chunks/{chunk-L74BEYTD.mjs → chunk-FZ4TKLHE.mjs}

@@ -1,9 +1,9 @@
-import { BarLayerSvg_default } from './chunk-2TOEQNJ6.mjs';
-import { BarLayerCanvas_default } from './chunk-IFZSHQDZ.mjs';
-import { CartesianRenderer_default } from './chunk-YZQS2YBK.mjs';
-import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-I2BWSDNR.mjs';
+import { BarLayerSvg_default } from './chunk-MX74LV4I.mjs';
+import { BarLayerCanvas_default } from './chunk-EDDORION.mjs';
+import { CartesianRenderer_default } from './chunk-BVB7G6Y5.mjs';
+import { registerFamilyRenderer, registerChartLayer, useDatasetAnimationRegistration, useDatasetRegistration, useItemCollector } from './chunk-KX5GTFS3.mjs';
 import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
-import { useRendererHint, useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useRendererHint, useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, useSlots, computed, inject, onMounted, watch, onUnmounted, renderSlot, createCommentVNode } from 'vue';
 import { resolveAccessor } from '@primeui/chart-core';
 import { getBarAxisHints } from '@primeui/chart-core/series/bar';

package/dist/chunks/{chunk-3XOLEGDL.mjs → chunk-G4V4FUNK.mjs}

@@ -1,6 +1,7 @@
 import { useControllerLifecycle } from './chunk-KNNYJD4D.mjs';
+import { applyDataLabelRuleOverrides } from './chunk-Q3I4EL3N.mjs';
 import { useRadialFrameRegistration } from './chunk-7EZEZMGG.mjs';
-import { useChartMethods, useChartState, useChartHover } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods, useChartState, useChartHover, useRuleOverrides } from './chunk-F72RBTHC.mjs';
 import { defineComponent, computed, toRef, unref, openBlock, createElementBlock, Fragment, createElementVNode, renderList, createBlock, createCommentVNode, ref, watch, h } from 'vue';
 import { buildPieSliceContentItems } from '@primeui/chart-core';
 import { createPieRendererCanvas } from '@primeui/chart-core/series/pie/controller-canvas';
@@ -78,9 +79,7 @@ function usePieRenderer(options) {
     return content;
   });
   function hitTest(x, y) {
-    const hit = controller.hitTest(x, y);
-    if (!hit) return null;
-    return { datasetId: hit.datasetId, index: hit.index, label: hit.label, value: hit.value, percentage: hit.percentage, color: hit.color };
+    return controller.hitTest(x, y);
   }
   function getSlicePosition(datasetId, index) {
     return controller.getSlicePosition(datasetId, index);
@@ -122,13 +121,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const methods = useChartMethods();
     const state = useChartState();
     const hoverCtx = useChartHover();
+    const ruleOverrides = useRuleOverrides();
     const pie = usePieRenderer({
       chartArea: computed(() => props.chartArea),
       renderer: methods.renderer,
       canvasEl: toRef(props, "canvasEl"),
       containerEl: toRef(props, "containerEl"),
       datasets: computed(() => state.value.datasets),
-      features: computed(() => state.value.features),
+      features: computed(() => applyDataLabelRuleOverrides(state.value.features, ruleOverrides.value)),
       hover: computed(() => hoverCtx.value.hover),
       datasetVisibility: computed(() => state.value.datasetVisibility),
       hiddenItems: computed(() => state.value.hiddenItems),

package/dist/chunks/{chunk-DXKAPWMO.mjs → chunk-G5YSM76C.mjs}

@@ -1,5 +1,5 @@
 import { AXIS_GROUP_REGISTRY_KEY } from './chunk-EHSDNH7K.mjs';
-import { useAxisComponentBase } from './chunk-I2BWSDNR.mjs';
+import { useAxisComponentBase } from './chunk-KX5GTFS3.mjs';
 import { defineComponent, useSlots, computed, provide, renderSlot } from 'vue';
 
 var __default__ = { inheritAttrs: false };

package/dist/chunks/{chunk-3JA5JAHF.mjs → chunk-GRPL343U.mjs}

@@ -1,5 +1,5 @@
 import { SYNC_BUS_KEY } from './chunk-H4HLHGUW.mjs';
-import { CHART_GROUP_TEXT_KEY } from './chunk-4Q3QUNX6.mjs';
+import { CHART_GROUP_TEXT_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, provide, ref, openBlock, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from 'vue';
 import { SyncBus, DEFAULT_CHART_CAPTION_PADDING, DEFAULT_CHART_TITLE_COLOR, DEFAULT_CHART_TITLE_FONT_SIZE, DEFAULT_CHART_TITLE_PADDING, DEFAULT_CHART_CAPTION_COLOR, DEFAULT_CHART_CAPTION_FONT_SIZE } from '@primeui/chart-core';
 

package/dist/chunks/{chunk-36DHPBYP.mjs → chunk-GV4YAVUN.mjs}

@@ -1,7 +1,7 @@
-import { TOOLTIP_DEFAULT_STYLE, TOOLTIP_BASE_STYLE } from './chunk-ZH4A4L6W.mjs';
-import { TOOLTIP_CONTEXT_KEY } from './chunk-4Q3QUNX6.mjs';
+import { TOOLTIP_DEFAULT_STYLE, TOOLTIP_BASE_STYLE } from './chunk-Q3I4EL3N.mjs';
+import { TOOLTIP_CONTEXT_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, inject, shallowRef, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, unref, Fragment, createElementVNode, toDisplayString, renderList, createCommentVNode, createTextVNode } from 'vue';
-import { computeTooltipPosition, buildTooltipContent, safeRenderProp, formatTooltipValue, gradientToCssBackground } from '@primeui/chart-core';
+import { computeTooltipPosition, buildTooltipContent, safeRenderProp, formatTooltipValue, patternToCssBackground, gradientToCssBackground } from '@primeui/chart-core';
 
 var _hoisted_1 = { class: "p-chart-tooltip__title" };
 var _hoisted_2 = {
@@ -160,8 +160,33 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     const hasCustomRender = computed(() => !!props.tooltipConfig?.render);
-    function swatchStyle(color, gradient, swatchColor) {
+    function swatchStyle(color, gradient, swatchColor, pattern, dash) {
       const background = swatchColor ?? color;
+      if (pattern) {
+        return {
+          backgroundColor: pattern.backgroundColor ?? "transparent",
+          backgroundImage: patternToCssBackground(pattern),
+          backgroundSize: "6px"
+        };
+      }
+      if (dash && dash.length >= 2) {
+        const scale = 0.6;
+        const stops = [];
+        let pos = 0;
+        for (let i = 0; i < dash.length; i++) {
+          const seg = Math.max(0.5, dash[i] * scale);
+          const c = i % 2 === 0 ? background : "transparent";
+          stops.push(`${c} ${pos}px`, `${c} ${pos + seg}px`);
+          pos += seg;
+        }
+        return {
+          backgroundColor: "transparent",
+          backgroundImage: `repeating-linear-gradient(90deg, ${stops.join(", ")})`,
+          backgroundSize: "100% 2px",
+          backgroundPosition: "center",
+          backgroundRepeat: "no-repeat"
+        };
+      }
       return gradient ? {
         backgroundColor: background,
         backgroundImage: gradientToCssBackground(gradient)
@@ -197,7 +222,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }), "tooltip")), { key: 0 })) : content.value?.type === "multi-series" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("div", _hoisted_1, toDisplayString(content.value.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(content.value.series, (row) => {
         return openBlock(), createElementBlock(Fragment, { key: row.datasetId }, [row.ohlc ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("span", {
           class: "p-chart-tooltip__swatch",
-          style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor))
+          style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor, row.colorPattern, row.dash))
         }, null, 4), createElementVNode("span", _hoisted_4, toDisplayString(row.label), 1)]), (openBlock(), createElementBlock(Fragment, null, renderList([
           "open",
           "high",
@@ -212,7 +237,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }), 64))])) : (openBlock(), createElementBlock("div", _hoisted_7, [
           createElementVNode("span", {
             class: "p-chart-tooltip__swatch",
-            style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor))
+            style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor, row.colorPattern, row.dash))
           }, null, 4),
           createElementVNode("span", _hoisted_8, toDisplayString(row.label), 1),
           createElementVNode("span", _hoisted_9, toDisplayString(row.formattedValue), 1)
@@ -227,7 +252,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, toDisplayString(row.value), 5)]);
       }), 128))], 64)) : content.value?.type === "ohlc" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createElementVNode("div", _hoisted_12, [createElementVNode("span", {
         class: "p-chart-tooltip__swatch",
-        style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor))
+        style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor, content.value.colorPattern, content.value.dash))
       }, null, 4), createElementVNode("span", _hoisted_13, toDisplayString(content.value.label), 1)]), (openBlock(true), createElementBlock(Fragment, null, renderList(content.value.rows, (row) => {
         return openBlock(), createElementBlock("div", {
           key: row.key,
@@ -236,7 +261,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }), 128))], 64)) : content.value?.type === "xy" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
         createElementVNode("div", _hoisted_16, [createElementVNode("span", {
           class: "p-chart-tooltip__swatch",
-          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor))
+          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor, content.value.colorPattern, content.value.dash))
         }, null, 4), createElementVNode("span", _hoisted_17, toDisplayString(content.value.label), 1)]),
         createElementVNode("div", _hoisted_18, [createElementVNode("span", _hoisted_19, toDisplayString(content.value.xLabel), 1), createElementVNode("span", _hoisted_20, toDisplayString(content.value.xValue), 1)]),
         createElementVNode("div", _hoisted_21, [createElementVNode("span", _hoisted_22, toDisplayString(content.value.yLabel), 1), createElementVNode("span", _hoisted_23, toDisplayString(content.value.yValue), 1)]),
@@ -244,7 +269,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       ], 64)) : content.value?.type === "simple" ? (openBlock(), createElementBlock("div", _hoisted_26, [
         createElementVNode("span", {
           class: "p-chart-tooltip__swatch",
-          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor))
+          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor, content.value.colorPattern, content.value.dash))
         }, null, 4),
         createElementVNode("span", _hoisted_27, toDisplayString(content.value.label), 1),
         createElementVNode("span", _hoisted_28, [createTextVNode(toDisplayString(content.value.value), 1), content.value.percentage != null ? (openBlock(), createElementBlock("span", _hoisted_29, " (" + toDisplayString(content.value.percentage) + "%)", 1)) : createCommentVNode("", true)])

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

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

package/dist/chunks/{chunk-3PJULFR5.mjs → chunk-IASQF4GU.mjs}

@@ -1,4 +1,4 @@
-import { ITEM_COLLECTOR_KEY } from './chunk-4Q3QUNX6.mjs';
+import { ITEM_COLLECTOR_KEY } from './chunk-FGBZ3VPE.mjs';
 import { defineComponent, inject, onMounted, watch, onUnmounted } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -19,7 +19,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     borderColor: {},
     borderStrokeWidth: {},
     size: {},
-    secondaryLabel: {},
     opacity: {},
     nodeId: {},
     parentId: {}
@@ -48,7 +47,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         borderRadius: props.borderRadius,
         borderColor: props.borderColor,
         borderStrokeWidth: props.borderStrokeWidth,
-        secondaryLabel: props.secondaryLabel,
         opacity: props.opacity,
         nodeId: props.nodeId,
         parentId: props.parentId

package/dist/chunks/{chunk-IUGMS7ND.mjs → chunk-IPEI6IAE.mjs}

@@ -1,4 +1,4 @@
-import { Chart_default } from './chunk-EKGCPOZJ.mjs';
+import { Chart_default } from './chunk-7OLUXDMR.mjs';
 import { defineComponent, ref, openBlock, createBlock, mergeProps, withCtx, renderSlot } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/chunks/{chunk-WVNDZNMV.mjs → chunk-ISDQNEMO.mjs}

@@ -1,5 +1,5 @@
 import { STACKED_CONTEXT_KEY } from './chunk-L6N5IYAJ.mjs';
-import { useChartMethods } from './chunk-QOWKMWNO.mjs';
+import { useChartMethods } from './chunk-F72RBTHC.mjs';
 import { defineComponent, onMounted, reactive, watch, onUnmounted, provide, renderSlot } from 'vue';
 
 var stackIdCounter = 0;

package/dist/chunks/{chunk-TRGN3ZMM.mjs → chunk-JEC4JJ5P.mjs}

@@ -1,6 +1,6 @@
-import { LEGEND_ITEM_BASE_STYLE, LEGEND_SWATCH_STYLE } from './chunk-ZH4A4L6W.mjs';
+import { LEGEND_ITEM_BASE_STYLE } from './chunk-Q3I4EL3N.mjs';
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, unref, createCommentVNode, createElementVNode, toDisplayString, nextTick } from 'vue';
-import { computeLegendStyle, safeRenderProp, gradientToCssBackground } from '@primeui/chart-core';
+import { computeLegendStyle, safeRenderProp, legendSwatchStyle } from '@primeui/chart-core';
 
 var _hoisted_1 = ["dir"];
 var _hoisted_2 = {
@@ -102,24 +102,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function getSwatchStyle(item) {
       const lc = props.legendConfig;
-      const iconSize = lc.iconSize ?? 12;
-      const iconShape = lc.iconShape;
-      const base = {
-        ...LEGEND_SWATCH_STYLE,
-        width: `${iconSize}px`,
-        height: iconShape === "line" ? "2px" : `${iconSize}px`,
-        borderRadius: iconShape === "circle" ? "50%" : iconShape === "line" ? "1px" : "2px",
-        backgroundColor: item.color,
-        ...item.colorGradient ? { backgroundImage: gradientToCssBackground(item.colorGradient) } : {}
-      };
-      if (item.hasBorder && item.borderColor) {
-        base.border = `2px solid ${item.borderColor}`;
-        base.boxSizing = "border-box";
-      }
-      if (item.borderRadius !== void 0) {
-        base.borderRadius = `${Math.min(item.borderRadius, 6)}px`;
-      }
-      return base;
+      return legendSwatchStyle(item, lc.iconSize ?? 12, lc.iconShape);
     }
     return (_ctx, _cache) => {
       return __props.legendConfig && __props.legendArea && __props.legendItems.length > 0 ? (openBlock(), createElementBlock("div", {
@@ -129,16 +112,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         dir: __props.dir ?? "ltr"
       }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.legendItems, (item, idx) => {
         return openBlock(), createElementBlock(Fragment, { key: itemKey(item, idx) }, [__props.legendConfig.render ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(() => unref(safeRenderProp)(() => __props.legendConfig.render({
-          type: item.type,
-          datasetId: item.datasetId,
-          index: item.index,
-          label: item.label,
-          color: item.color,
-          colorGradient: item.colorGradient,
-          visible: item.visible,
-          borderColor: item.borderColor,
-          hasBorder: item.hasBorder,
-          borderRadius: item.borderRadius,
+          ...item,
           isHovered: hoveredItem.value === item,
           onClick: () => handleClick(item),
           onMouseEnter: () => handleHover(item),

package/dist/chunks/{chunk-BSROML7P.mjs → chunk-KCLMHDWJ.mjs}

@@ -1,5 +1,5 @@
-import { registerZoomController } from './chunk-I2BWSDNR.mjs';
-import { useCustomizationRegistration } from './chunk-ZLD5VNMP.mjs';
+import { registerZoomController } from './chunk-KX5GTFS3.mjs';
+import { useCustomizationRegistration } from './chunk-QQGC223F.mjs';
 import { defineComponent, getCurrentInstance, computed } from 'vue';
 import { ZoomPanController } from '@primeui/chart-core';