@primeui/vue-chart 0.0.1-alpha.1

package/dist/chunk-FZ3PZ66C.mjs

@@ -0,0 +1,12 @@
+// src/context/keys.ts
+var CHART_METHODS_KEY = /* @__PURE__ */ Symbol.for("chart-methods");
+var CHART_STATE_KEY = /* @__PURE__ */ Symbol.for("chart-state");
+var CHART_HOVER_KEY = /* @__PURE__ */ Symbol.for("chart-hover");
+var ITEM_COLLECTOR_KEY = /* @__PURE__ */ Symbol.for("item-collector");
+var RENDERER_HINT_KEY = /* @__PURE__ */ Symbol.for("renderer-hint");
+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");
+
+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 };

package/dist/chunk-GA4VV5V4.mjs

@@ -0,0 +1,21 @@
+import { useChartMethods } from './chunk-HANSF33Z.mjs';
+import { defineComponent, onMounted, onUnmounted, renderSlot } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartOverlap",
+  setup(__props) {
+    const methods = useChartMethods();
+    onMounted(() => {
+      methods.registerCustomization("overlap", {});
+    });
+    onUnmounted(() => {
+      methods.unregisterCustomization("overlap");
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+var ChartOverlap_default = _sfc_main;
+
+export { ChartOverlap_default };

package/dist/chunk-GFC24374.mjs

@@ -0,0 +1,244 @@
+import { useCustomizationRegistration } from './chunk-PQV55JYI.mjs';
+import { useChartMethods, useChartState } from './chunk-HANSF33Z.mjs';
+import { defineComponent, computed, ref, onMounted, nextTick, onBeforeUnmount, openBlock, createBlock, Teleport, createElementVNode, withModifiers, normalizeStyle, normalizeClass, resolveDynamicComponent, createElementBlock, unref, Fragment, renderList, toDisplayString, createCommentVNode } from 'vue';
+import { resolveExportMenuProps, filterExportMenuItems, EXPORT_MENU_CONSTANTS, resolveExportMenuPlacement, estimateExportMenuHeight, HAMBURGER_ICON_PATH, isExportMenuSeparator, createChartExporter, getExportAction, buildChartDataTable, dataTableToCsv, EXPORT_MENU_LABELS } from '@primeui/chart-core';
+
+var _hoisted_1 = ["aria-expanded"];
+var _hoisted_2 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  width: "20",
+  height: "20",
+  fill: "currentColor"
+};
+var _hoisted_3 = ["d"];
+var _hoisted_4 = ["onClick", "onMouseenter"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartExportMenu",
+  props: {
+    enabled: {
+      type: Boolean,
+      default: true
+    },
+    filename: {},
+    menuItems: {},
+    buttons: {},
+    scale: {},
+    backgroundColor: {},
+    icon: {},
+    render: {},
+    buttonClass: {},
+    menuClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const context = useChartMethods();
+    const state = useChartState();
+    const registrationProps = computed(() => ({
+      enabled: props.enabled,
+      buttons: props.buttons
+    }));
+    useCustomizationRegistration("exportMenu", registrationProps);
+    const isOpen = ref(false);
+    const hoveredItem = ref(null);
+    const buttonHovered = ref(false);
+    const containerEl = ref(null);
+    const exportMethods = ref(null);
+    const resolved = computed(() => resolveExportMenuProps({
+      enabled: props.enabled,
+      filename: props.filename,
+      menuItems: props.menuItems,
+      buttons: props.buttons,
+      scale: props.scale,
+      backgroundColor: props.backgroundColor
+    }));
+    const effectiveMenuItems = computed(() => filterExportMenuItems(resolved.value.menuItems));
+    function slugify(text) {
+      return text.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "chart";
+    }
+    const effectiveFilename = computed(() => {
+      if (props.filename) return props.filename;
+      const titleProps = state.value.features.get("title")?.props;
+      if (titleProps?.text) return slugify(titleProps.text);
+      const firstDataset = state.value.datasets.values().next().value;
+      const seriesName = firstDataset?.props?.name;
+      if (seriesName) return slugify(seriesName);
+      return "chart";
+    });
+    const effectiveButtons = computed(() => {
+      const raw = resolved.value.buttons;
+      if (!props.buttons?.align && context.dir === "rtl") {
+        return {
+          ...raw,
+          align: "left"
+        };
+      }
+      return raw;
+    });
+    const buttonStyle = computed(() => ({
+      position: "absolute",
+      width: `${EXPORT_MENU_CONSTANTS.BUTTON_SIZE}px`,
+      height: `${EXPORT_MENU_CONSTANTS.BUTTON_SIZE}px`,
+      padding: `${EXPORT_MENU_CONSTANTS.BUTTON_PADDING}px`,
+      background: "var(--p-chart-export-button-background, transparent)",
+      border: "none",
+      borderRadius: `${EXPORT_MENU_CONSTANTS.BORDER_RADIUS}px`,
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      transition: "opacity 0.15s ease",
+      zIndex: EXPORT_MENU_CONSTANTS.Z_INDEX,
+      color: "var(--p-chart-export-button-color, currentColor)",
+      opacity: buttonHovered.value ? 1 : 0.85,
+      ...effectiveButtons.value.align === "right" ? { right: `${Math.abs(effectiveButtons.value.x ?? -10)}px` } : { left: `${Math.abs(effectiveButtons.value.x ?? -10)}px` },
+      ...effectiveButtons.value.verticalAlign === "top" ? { top: `${effectiveButtons.value.y ?? 10}px` } : { bottom: `${Math.abs(effectiveButtons.value.y ?? 10)}px` }
+    }));
+    const menuStyle = computed(() => {
+      const btn = effectiveButtons.value;
+      const placement = resolveExportMenuPlacement({
+        align: btn.align ?? "right",
+        verticalAlign: btn.verticalAlign ?? "top",
+        x: btn.x ?? -10,
+        y: btn.y ?? 10,
+        buttonSize: EXPORT_MENU_CONSTANTS.BUTTON_SIZE,
+        menuWidth: EXPORT_MENU_CONSTANTS.MENU_WIDTH,
+        menuHeight: estimateExportMenuHeight(effectiveMenuItems.value),
+        chartWidth: context.dimensions.width,
+        chartHeight: context.dimensions.height
+      });
+      return {
+        position: "absolute",
+        width: `${EXPORT_MENU_CONSTANTS.MENU_WIDTH}px`,
+        background: "var(--p-chart-export-menu-background, #fff)",
+        border: "1px solid var(--p-chart-export-menu-border-color, #dee2e6)",
+        borderRadius: `${EXPORT_MENU_CONSTANTS.BORDER_RADIUS}px`,
+        boxShadow: "var(--p-chart-export-menu-shadow, 0 4px 12px rgba(0, 0, 0, 0.15))",
+        zIndex: EXPORT_MENU_CONSTANTS.Z_INDEX + 1,
+        padding: "4px 0",
+        display: isOpen.value ? "block" : "none",
+        ...placement.left !== void 0 ? { left: `${placement.left}px` } : {},
+        ...placement.right !== void 0 ? { right: `${placement.right}px` } : {},
+        ...placement.top !== void 0 ? { top: `${placement.top}px` } : {},
+        ...placement.bottom !== void 0 ? { bottom: `${placement.bottom}px` } : {}
+      };
+    });
+    function findContainer() {
+      const el = document.querySelector(`[data-chart-container="${context.chartId}"]`);
+      if (el) {
+        containerEl.value = el;
+        exportMethods.value = createChartExporter(el, context.dimensions.width, context.dimensions.height, context.renderer);
+      }
+    }
+    async function handleExport(item) {
+      isOpen.value = false;
+      const action = getExportAction(item);
+      if (action.format === "csv") {
+        const a11yProps = state.value.features.get("accessibility")?.props;
+        const table = buildChartDataTable(state.value.datasets, Infinity, a11yProps?.dataTableCellFormatter);
+        if (table && typeof document !== "undefined") {
+          const filename = effectiveFilename.value;
+          const blob = new Blob(["\uFEFF" + dataTableToCsv(table)], { type: "text/csv;charset=utf-8;" });
+          const url = URL.createObjectURL(blob);
+          const link = document.createElement("a");
+          link.href = url;
+          link.download = filename.endsWith(".csv") ? filename : `${filename}.csv`;
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          URL.revokeObjectURL(url);
+        }
+        return;
+      }
+      if (!exportMethods.value) return;
+      const exportFilename = action.transparent ? `${effectiveFilename.value}-transparent` : effectiveFilename.value;
+      const exportBg = action.transparent ? "transparent" : resolved.value.backgroundColor;
+      try {
+        await exportMethods.value.toImage({
+          format: action.format,
+          filename: exportFilename,
+          scale: resolved.value.scale,
+          backgroundColor: exportBg
+        });
+      } catch {
+      }
+    }
+    function getItemLabel(item) {
+      return EXPORT_MENU_LABELS[item] ?? String(item);
+    }
+    function onDocumentClick(e) {
+      const target = e.target;
+      if (!target.closest(".chart-export-menu") && !target.closest(".chart-export-button")) {
+        isOpen.value = false;
+      }
+    }
+    function onDocumentKeydown(e) {
+      if (e.key === "Escape") isOpen.value = false;
+    }
+    onMounted(() => {
+      nextTick(findContainer);
+      document.addEventListener("click", onDocumentClick);
+      document.addEventListener("keydown", onDocumentKeydown);
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("click", onDocumentClick);
+      document.removeEventListener("keydown", onDocumentKeydown);
+    });
+    return (_ctx, _cache) => {
+      return resolved.value.enabled && containerEl.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: containerEl.value
+      }, [createElementVNode("button", {
+        type: "button",
+        class: normalizeClass(["chart-export-button", __props.buttonClass]),
+        style: normalizeStyle(buttonStyle.value),
+        "aria-label": "Chart export menu",
+        "aria-haspopup": "true",
+        "aria-expanded": isOpen.value,
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => isOpen.value = !isOpen.value, ["stop"])),
+        onMouseenter: _cache[1] || (_cache[1] = ($event) => buttonHovered.value = true),
+        onMouseleave: _cache[2] || (_cache[2] = ($event) => buttonHovered.value = false)
+      }, [__props.icon ? (openBlock(), createBlock(resolveDynamicComponent(() => __props.icon({ isOpen: isOpen.value })), { key: 0 })) : (openBlock(), createElementBlock("svg", _hoisted_2, [createElementVNode("path", { d: unref(HAMBURGER_ICON_PATH) }, null, 8, _hoisted_3)]))], 46, _hoisted_1), createElementVNode("div", {
+        class: normalizeClass(["chart-export-menu", __props.menuClass]),
+        style: normalizeStyle(menuStyle.value),
+        role: "menu"
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(effectiveMenuItems.value, (item, index) => {
+        return openBlock(), createElementBlock(Fragment, { key: index }, [unref(isExportMenuSeparator)(item) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          style: normalizeStyle({
+            height: `${unref(EXPORT_MENU_CONSTANTS).SEPARATOR_HEIGHT}px`,
+            background: "var(--p-chart-export-menu-separator-color, #dee2e6)",
+            margin: "4px 8px"
+          })
+        }, null, 4)) : __props.render ? (openBlock(), createBlock(resolveDynamicComponent(() => __props.render({
+          item,
+          label: getItemLabel(item),
+          onClick: () => handleExport(item),
+          isHovered: hoveredItem.value === item
+        })), { key: 1 })) : (openBlock(), createElementBlock("button", {
+          key: 2,
+          type: "button",
+          role: "menuitem",
+          style: normalizeStyle({
+            display: "block",
+            width: "100%",
+            padding: "8px 12px",
+            background: hoveredItem.value === item ? "var(--p-chart-export-menu-item-hover-background, #f8f9fa)" : "transparent",
+            border: "none",
+            textAlign: "left",
+            cursor: "pointer",
+            fontSize: "13px",
+            color: "var(--p-chart-export-menu-color, #212529)",
+            transition: "background-color 0.1s ease"
+          }),
+          onClick: ($event) => handleExport(item),
+          onMouseenter: ($event) => hoveredItem.value = item,
+          onMouseleave: _cache[3] || (_cache[3] = ($event) => hoveredItem.value = null)
+        }, toDisplayString(getItemLabel(item)), 45, _hoisted_4))], 64);
+      }), 128))], 6)], 8, ["to"])) : createCommentVNode("", true);
+    };
+  }
+});
+var ChartExportMenu_default = _sfc_main;
+
+export { ChartExportMenu_default };

package/dist/chunk-GX2MK6VT.mjs

@@ -0,0 +1,255 @@
+import { TOOLTIP_DEFAULT_STYLE, TOOLTIP_BASE_STYLE } from './chunk-J43KLCZF.mjs';
+import { TOOLTIP_CONTEXT_KEY } from './chunk-FZ3PZ66C.mjs';
+import { defineComponent, inject, shallowRef, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, resolveDynamicComponent, Fragment, createElementVNode, toDisplayString, renderList, createCommentVNode, createTextVNode } from 'vue';
+import { computeTooltipPosition, buildTooltipContent, gradientToCssBackground } from '@primeui/chart-core';
+
+var _hoisted_1 = { class: "p-chart-tooltip__title" };
+var _hoisted_2 = {
+  key: 0,
+  class: "p-chart-tooltip__row",
+  style: {
+    "flex-direction": "column",
+    "align-items": "stretch",
+    "gap": "2px"
+  }
+};
+var _hoisted_3 = { class: "p-chart-tooltip__row" };
+var _hoisted_4 = { class: "p-chart-tooltip__label" };
+var _hoisted_5 = {
+  class: "p-chart-tooltip__label",
+  style: { "text-transform": "capitalize" }
+};
+var _hoisted_6 = { class: "p-chart-tooltip__value" };
+var _hoisted_7 = {
+  key: 1,
+  class: "p-chart-tooltip__row"
+};
+var _hoisted_8 = { class: "p-chart-tooltip__label" };
+var _hoisted_9 = { class: "p-chart-tooltip__value" };
+var _hoisted_10 = { class: "p-chart-tooltip__title" };
+var _hoisted_11 = { class: "p-chart-tooltip__label" };
+var _hoisted_12 = {
+  class: "p-chart-tooltip__row",
+  style: { "margin-bottom": "4px" }
+};
+var _hoisted_13 = {
+  class: "p-chart-tooltip__title",
+  style: { "margin-bottom": "0" }
+};
+var _hoisted_14 = {
+  class: "p-chart-tooltip__label",
+  style: { "text-transform": "capitalize" }
+};
+var _hoisted_15 = { class: "p-chart-tooltip__value" };
+var _hoisted_16 = {
+  class: "p-chart-tooltip__row",
+  style: { "margin-bottom": "4px" }
+};
+var _hoisted_17 = {
+  class: "p-chart-tooltip__title",
+  style: { "margin-bottom": "0" }
+};
+var _hoisted_18 = { class: "p-chart-tooltip__row" };
+var _hoisted_19 = { class: "p-chart-tooltip__value" };
+var _hoisted_20 = { class: "p-chart-tooltip__row" };
+var _hoisted_21 = { class: "p-chart-tooltip__value" };
+var _hoisted_22 = {
+  key: 0,
+  class: "p-chart-tooltip__row"
+};
+var _hoisted_23 = { class: "p-chart-tooltip__value" };
+var _hoisted_24 = {
+  key: 5,
+  class: "p-chart-tooltip__row"
+};
+var _hoisted_25 = { class: "p-chart-tooltip__label" };
+var _hoisted_26 = { class: "p-chart-tooltip__value" };
+var _hoisted_27 = {
+  key: 0,
+  style: {
+    "opacity": "0.6",
+    "font-weight": "400"
+  }
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TooltipRenderer",
+  props: {
+    tooltipConfig: {},
+    rtl: { type: Boolean },
+    locale: {},
+    width: {},
+    height: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const tooltip = inject(TOOLTIP_CONTEXT_KEY, shallowRef(null));
+    const isSharedMode = computed(() => props.tooltipConfig?.mode === "shared");
+    const tooltipEl = ref(null);
+    const lingeringSnapshot = ref(null);
+    const showPending = ref(false);
+    let timerId = null;
+    function clearPendingTimer() {
+      if (timerId != null) {
+        clearTimeout(timerId);
+        timerId = null;
+      }
+    }
+    const visibleTooltip = computed(() => {
+      if (showPending.value) return null;
+      if (tooltip.value?.visible) return tooltip.value;
+      return lingeringSnapshot.value;
+    });
+    watch(tooltip, (next, prev) => {
+      clearPendingTimer();
+      const showDelay = props.tooltipConfig?.showDelay ?? 0;
+      const hideDelay = props.tooltipConfig?.hideDelay ?? 0;
+      const wasVisible = !!prev?.visible || !!lingeringSnapshot.value;
+      if (next?.visible) {
+        lingeringSnapshot.value = null;
+        if (!wasVisible && showDelay > 0) {
+          showPending.value = true;
+          timerId = setTimeout(() => {
+            showPending.value = false;
+          }, showDelay);
+        } else {
+          showPending.value = false;
+        }
+      } else if (wasVisible) {
+        showPending.value = false;
+        if (hideDelay > 0 && prev?.visible) {
+          lingeringSnapshot.value = prev;
+          timerId = setTimeout(() => {
+            lingeringSnapshot.value = null;
+          }, hideDelay);
+        } else {
+          lingeringSnapshot.value = null;
+        }
+      }
+    });
+    onBeforeUnmount(clearPendingTimer);
+    const tooltipStyle = computed(() => {
+      if (!visibleTooltip.value?.visible) return {};
+      const tc = props.tooltipConfig;
+      const appearance = tc.render ? {} : TOOLTIP_DEFAULT_STYLE;
+      const position = computeTooltipPosition({
+        position: tc.position ?? "cursor",
+        cursorX: visibleTooltip.value.x,
+        cursorY: visibleTooltip.value.y,
+        offsetX: tc.offsetX ?? 0,
+        offsetY: tc.offsetY ?? 0,
+        tooltipWidth: tooltipEl.value?.offsetWidth ?? 0,
+        tooltipHeight: tooltipEl.value?.offsetHeight ?? 0,
+        containerWidth: props.width ?? 0,
+        containerHeight: props.height ?? 0,
+        isSharedMode: isSharedMode.value,
+        rtl: props.rtl
+      });
+      return {
+        ...TOOLTIP_BASE_STYLE,
+        ...appearance,
+        ...position
+      };
+    });
+    const content = computed(() => {
+      if (!visibleTooltip.value?.visible) return null;
+      return buildTooltipContent(visibleTooltip.value, isSharedMode.value, {
+        locale: props.locale,
+        valueFormatter: props.tooltipConfig?.valueFormatter
+      });
+    });
+    const hasCustomRender = computed(() => !!props.tooltipConfig?.render);
+    function swatchStyle(color, gradient, swatchColor) {
+      const background = swatchColor ?? color;
+      return gradient ? {
+        backgroundColor: background,
+        backgroundImage: gradientToCssBackground(gradient)
+      } : { backgroundColor: background };
+    }
+    return (_ctx, _cache) => {
+      return visibleTooltip.value?.visible && __props.tooltipConfig ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        ref_key: "tooltipEl",
+        ref: tooltipEl,
+        style: normalizeStyle(tooltipStyle.value),
+        class: normalizeClass(["chart-tooltip", { "p-chart-tooltip": !hasCustomRender.value }])
+      }, [hasCustomRender.value ? (openBlock(), createBlock(resolveDynamicComponent(() => __props.tooltipConfig.render({
+        datasetId: visibleTooltip.value.datasetId,
+        index: visibleTooltip.value.index,
+        label: visibleTooltip.value.label,
+        value: visibleTooltip.value.value,
+        percentage: visibleTooltip.value.percentage,
+        color: visibleTooltip.value.color,
+        x: visibleTooltip.value.x,
+        y: visibleTooltip.value.y,
+        ohlc: visibleTooltip.value?.ohlc,
+        allSeries: isSharedMode.value && visibleTooltip.value.allSeriesHits ? visibleTooltip.value.allSeriesHits.map((h) => ({
+          datasetId: h.datasetId,
+          name: h.name,
+          label: h.name ?? h.datasetId,
+          color: h.color,
+          value: h.value,
+          percentage: h.percentage,
+          ohlc: h.ohlc,
+          formattedValue: h.formattedValue
+        })) : void 0
+      })), { 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))
+        }, null, 4), createElementVNode("span", _hoisted_4, toDisplayString(row.label), 1)]), (openBlock(), createElementBlock(Fragment, null, renderList([
+          "open",
+          "high",
+          "low",
+          "close"
+        ], (key) => {
+          return createElementVNode("div", {
+            key,
+            class: "p-chart-tooltip__row",
+            style: { "padding-left": "14px" }
+          }, [createElementVNode("span", _hoisted_5, toDisplayString(key), 1), createElementVNode("span", _hoisted_6, toDisplayString(row.ohlc[key]), 1)]);
+        }), 64))])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("span", {
+            class: "p-chart-tooltip__swatch",
+            style: normalizeStyle(swatchStyle(row.color, row.colorGradient, row.swatchColor))
+          }, null, 4),
+          createElementVNode("span", _hoisted_8, toDisplayString(row.label), 1),
+          createElementVNode("span", _hoisted_9, toDisplayString(row.formattedValue), 1)
+        ]))], 64);
+      }), 128))], 64)) : content.value?.type === "rows" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("div", _hoisted_10, toDisplayString(content.value.label), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(content.value.rows, (row, i) => {
+        return openBlock(), createElementBlock("div", {
+          key: i,
+          class: "p-chart-tooltip__row"
+        }, [createElementVNode("span", _hoisted_11, toDisplayString(row.label), 1), createElementVNode("span", {
+          class: "p-chart-tooltip__value",
+          style: normalizeStyle(row.color ? { color: row.color } : void 0)
+        }, 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))
+      }, 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,
+          class: "p-chart-tooltip__row"
+        }, [createElementVNode("span", _hoisted_14, toDisplayString(row.key), 1), createElementVNode("span", _hoisted_15, toDisplayString(row.value), 1)]);
+      }), 128))], 64)) : content.value?.type === "scatter" ? (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))
+        }, null, 4), createElementVNode("span", _hoisted_17, toDisplayString(content.value.label), 1)]),
+        createElementVNode("div", _hoisted_18, [_cache[0] || (_cache[0] = createElementVNode("span", { class: "p-chart-tooltip__label" }, "x", -1)), createElementVNode("span", _hoisted_19, toDisplayString(content.value.xValue.toLocaleString()), 1)]),
+        createElementVNode("div", _hoisted_20, [_cache[1] || (_cache[1] = createElementVNode("span", { class: "p-chart-tooltip__label" }, "y", -1)), createElementVNode("span", _hoisted_21, toDisplayString(content.value.yValue.toLocaleString()), 1)]),
+        content.value.bubbleValue != null ? (openBlock(), createElementBlock("div", _hoisted_22, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "p-chart-tooltip__label" }, "value", -1)), createElementVNode("span", _hoisted_23, toDisplayString(content.value.bubbleValue.toLocaleString()), 1)])) : createCommentVNode("", true)
+      ], 64)) : content.value?.type === "simple" ? (openBlock(), createElementBlock("div", _hoisted_24, [
+        createElementVNode("span", {
+          class: "p-chart-tooltip__swatch",
+          style: normalizeStyle(swatchStyle(content.value.color, content.value.colorGradient, content.value.swatchColor))
+        }, null, 4),
+        createElementVNode("span", _hoisted_25, toDisplayString(content.value.label), 1),
+        createElementVNode("span", _hoisted_26, [createTextVNode(toDisplayString(content.value.value), 1), content.value.percentage != null ? (openBlock(), createElementBlock("span", _hoisted_27, " (" + toDisplayString(content.value.percentage) + "%)", 1)) : createCommentVNode("", true)])
+      ])) : createCommentVNode("", true)], 6)) : createCommentVNode("", true);
+    };
+  }
+});
+var TooltipRenderer_default = _sfc_main;
+
+export { TooltipRenderer_default };