{"_id":"@attrichart/vue","name":"@attrichart/vue","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@attrichart/vue","version":"0.1.0","description":"Vue 3 component for AttriChart overlapping attribution flow charts, with first-class Vuetify 3 theme integration.","license":"MIT","author":{"name":"Robert Coleman"},"homepage":"https://github.com/rwcjr/attrichart#readme","repository":{"type":"git","url":"git+https://github.com/rwcjr/attrichart.git","directory":"packages/vue"},"bugs":{"url":"https://github.com/rwcjr/attrichart/issues"},"keywords":["sankey","attribution","multi-touch","marketing","funnel","flow","chart","dataviz","vue","vue3","vuetify","component"],"type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"}},"sideEffects":false,"dependencies":{"@attrichart/core":"^0.1.0"},"peerDependencies":{"vue":"^3.3.0"},"devDependencies":{"tsup":"^8.0.0","typescript":"^5.5.0","vitest":"^3.0.0","vue":"^3.4.0"},"publishConfig":{"access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"vitest run --passWithNoTests","typecheck":"tsc --noEmit"},"_id":"@attrichart/vue@0.1.0","_integrity":"sha512-Rx4qGavEMYnVmzAtvhibBxAqmWzztUlE9GBFUQm4ewKVnDUVa1ovZvGlS14X2HVbt4XbPzPP1h6Gg8rYVRo6dQ==","_resolved":"/private/var/folders/4l/pdttq3_52rvg3y9l5vpfvf980000gn/T/863b8cab55fd85fca2c29d56a9445ebc/attrichart-vue-0.1.0.tgz","_from":"file:attrichart-vue-0.1.0.tgz","_nodeVersion":"26.3.0","_npmVersion":"11.16.0","dist":{"integrity":"sha512-Rx4qGavEMYnVmzAtvhibBxAqmWzztUlE9GBFUQm4ewKVnDUVa1ovZvGlS14X2HVbt4XbPzPP1h6Gg8rYVRo6dQ==","shasum":"b69849202f656da33a983c29d9c5c4945403cc8e","tarball":"https://registry.npmjs.org/@attrichart/vue/-/vue-0.1.0.tgz","fileCount":9,"unpackedSize":42446,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICyJA2xoD+h2J0d8lXCMqPwaWGc3JB1ry3M7Pmg3REqCAiEA6qyqgeUph8t8IJlLmjZKrFXSvCZtrBY4ius5yoOGcDE="}]},"_npmUser":{"name":"rwcjr","email":"robert@colemanassets.com"},"directories":{},"maintainers":[{"name":"rwcjr","email":"robert@colemanassets.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_0.1.0_1781464062125_0.764149430727604"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-14T19:07:41.939Z","0.1.0":"2026-06-14T19:07:42.256Z","modified":"2026-06-14T19:07:42.511Z"},"maintainers":[{"name":"rwcjr","email":"robert@colemanassets.com"}],"description":"Vue 3 component for AttriChart overlapping attribution flow charts, with first-class Vuetify 3 theme integration.","homepage":"https://github.com/rwcjr/attrichart#readme","keywords":["sankey","attribution","multi-touch","marketing","funnel","flow","chart","dataviz","vue","vue3","vuetify","component"],"repository":{"type":"git","url":"git+https://github.com/rwcjr/attrichart.git","directory":"packages/vue"},"author":{"name":"Robert Coleman"},"bugs":{"url":"https://github.com/rwcjr/attrichart/issues"},"license":"MIT","readme":"# @attrichart/vue\n\nVue 3 component for [AttriChart](https://github.com/rwcjr/attrichart), the overlapping attribution flow chart. Vue is a peer dependency; nothing touches the DOM until mounted, so it works under SSR and Nuxt.\n\n```sh\nnpm install @attrichart/vue\n```\n\n```vue\n<script setup>\nimport { AttriChart } from '@attrichart/vue';\n\nconst data = {\n  stages: [\n    { id: 'campaign', overlap: true, nodes: [{ id: 'search' }, { id: 'social' }] },\n    { id: 'conversion', nodes: [{ id: 'purchase' }, { id: 'none' }] },\n  ],\n  records: [\n    { value: 500, membership: { campaign: ['search'], conversion: 'purchase' } },\n    { value: 200, membership: { campaign: ['search', 'social'], conversion: 'purchase' } },\n    { value: 300, membership: { campaign: ['social'], conversion: 'none' } },\n  ],\n};\n</script>\n\n<template>\n  <AttriChart :data=\"data\" @node-click=\"(n) => console.log(n)\" />\n</template>\n```\n\n## Vuetify 3\n\nAdd `vuetify-theme` and the chart maps the active theme's `--v-theme-*` tokens to its palette and label colors, re-rendering on light/dark switches. No Vuetify dependency is added.\n\n```vue\n<v-card class=\"pa-6\">\n  <AttriChart :data=\"data\" vuetify-theme />\n</v-card>\n```\n\nFull documentation and the theme-token mapping: [github.com/rwcjr/attrichart](https://github.com/rwcjr/attrichart).\n\nMIT licensed.\n","readmeFilename":"README.md","_rev":"1-677cd4bb0de4ed2d161fad5573dba2f2"}