@primeui/vue-chart 0.0.1-alpha.1

package/dist/chunk-AUI5R4DA.mjs

@@ -0,0 +1,84 @@
+import { ITEM_COLLECTOR_KEY } from './chunk-FZ3PZ66C.mjs';
+import { defineComponent, inject, ref, provide, onMounted, onUnmounted, renderSlot } from 'vue';
+import { shallowEqual } from '@primeui/chart-core';
+
+var groupIdCounter = 0;
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartTreemapGroup",
+  props: {
+    label: {},
+    secondaryLabel: {},
+    color: {},
+    opacity: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const parentCollector = inject(ITEM_COLLECTOR_KEY);
+    if (!parentCollector) {
+      throw new Error("ChartTreemapGroup must be used within <ChartTreemap>");
+    }
+    const groupId = `treemap-group-${++groupIdCounter}`;
+    const childItems = /* @__PURE__ */ new Map();
+    let childIndexCounter = 0;
+    const registeredIndices = ref([]);
+    const childCollector = {
+      registerItem: (index, itemProps) => {
+        const existing = childItems.get(index);
+        if (existing && shallowEqual(existing, itemProps)) {
+          return;
+        }
+        childItems.set(index, itemProps);
+      },
+      unregisterItem: (index) => {
+        childItems.delete(index);
+      },
+      getNextIndex: () => childIndexCounter++
+    };
+    provide(ITEM_COLLECTOR_KEY, childCollector);
+    function getChildItems() {
+      return Array.from(childItems.entries()).sort(([a], [b]) => a - b).map(([, p]) => p);
+    }
+    function registerAll() {
+      for (const idx of registeredIndices.value) {
+        parentCollector.unregisterItem(idx);
+      }
+      registeredIndices.value = [];
+      const groupIndex = parentCollector.getNextIndex();
+      parentCollector.registerItem(groupIndex, {
+        label: props.label,
+        secondaryLabel: props.secondaryLabel,
+        value: 0,
+        color: props.color,
+        opacity: props.opacity,
+        nodeId: groupId
+      });
+      registeredIndices.value.push(groupIndex);
+      const children = getChildItems();
+      let childCounter = 0;
+      for (const item of children) {
+        const childIndex = parentCollector.getNextIndex();
+        parentCollector.registerItem(childIndex, {
+          ...item,
+          nodeId: `${groupId}-child-${childCounter++}`,
+          parentId: groupId
+        });
+        registeredIndices.value.push(childIndex);
+      }
+    }
+    onMounted(() => {
+      registerAll();
+    });
+    onUnmounted(() => {
+      for (const idx of registeredIndices.value) {
+        parentCollector.unregisterItem(idx);
+      }
+      registeredIndices.value = [];
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+var ChartTreemapGroup_default = _sfc_main;
+
+export { ChartTreemapGroup_default };

package/dist/chunk-CDXF6ZTL.mjs

@@ -0,0 +1,50 @@
+import { useCustomizationRegistration } from './chunk-PQV55JYI.mjs';
+import { defineComponent, computed } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChartDataLabels",
+  props: {
+    formatter: {},
+    render: {},
+    color: {},
+    fontSize: { default: 12 },
+    fontWeight: { default: "normal" },
+    fontFamily: { default: "system-ui, sans-serif" },
+    display: { default: "value" },
+    minPercentage: { default: 5 },
+    distance: {},
+    leaderOffset: {},
+    horizontalOffset: { default: 15 },
+    textGap: {},
+    textOffset: {},
+    lineHeight: { default: 1.2 },
+    lineStyle: { default: "angled" },
+    alignTo: { default: "labelLine" }
+  },
+  setup(__props) {
+    const props = __props;
+    const registrationProps = computed(() => ({
+      fontSize: props.fontSize,
+      fontFamily: props.fontFamily,
+      color: props.color,
+      display: props.display,
+      minPercentage: props.minPercentage,
+      formatter: props.formatter,
+      render: props.render,
+      fontWeight: props.fontWeight,
+      leaderOffset: props.distance ?? props.leaderOffset ?? 10,
+      horizontalOffset: props.horizontalOffset,
+      textOffset: props.textGap ?? props.textOffset ?? 4,
+      lineHeight: props.lineHeight,
+      lineStyle: props.lineStyle,
+      alignTo: props.alignTo
+    }));
+    useCustomizationRegistration("dataLabels", registrationProps);
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
+var ChartDataLabels_default = _sfc_main;
+
+export { ChartDataLabels_default };