{"_id":"@dojo-ng/data-grid-detail","name":"@dojo-ng/data-grid-detail","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@dojo-ng/data-grid-detail","version":"0.1.0","license":"BSD-3-Clause","description":"Master-detail (expandable row detail / subgrid) for @dojo-ng/data-grid","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsc -p tsconfig.json","clean":"rm -rf dist"},"dependencies":{"@dojo-ng/data-grid":"^0.1.0","@dojo-ng/data-grid-tree":"^0.1.0","@tanstack/table-core":"^8.0.0","lit":"^3.3.0"},"_id":"@dojo-ng/data-grid-detail@0.1.0","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-KmEWj7bBG9YNLI2glXzEMpWCI9eqWxMrQjK/vmZ2d1MmCkkCKoycOq4+gp4OSWWs/1KTN6GrEm/ZWgPRdHJfOQ==","shasum":"397ad7e17ad216b545fa09052978a83da02b16ae","tarball":"https://registry.npmjs.org/@dojo-ng/data-grid-detail/-/data-grid-detail-0.1.0.tgz","fileCount":6,"unpackedSize":5567,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCGdI3NFkUutksamAS+1bnH8HMZCUqZ5PBvERndeBLA3gIhAMDyJbVQjkeYBKOjScYVIelwA0HDD/9hGOrK25Ki7767"}]},"_npmUser":{"name":"bitranch","email":"bill@bitranch.com"},"directories":{},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/data-grid-detail_0.1.0_1788374426064_0.4542100717808166"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-02T18:40:25.897Z","0.1.0":"2026-09-02T18:40:26.207Z","modified":"2026-09-02T18:40:26.370Z"},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"description":"Master-detail (expandable row detail / subgrid) for @dojo-ng/data-grid","license":"BSD-3-Clause","readme":"# @dojo-ng/data-grid-detail\n\nMaster-detail (expandable row detail / subgrid) for @dojo-ng/data-grid\n\nPart of [Dojo NG](../../README.md), a framework-agnostic web component library. BSD-3-Clause.\n\n> Detail rows switch the grid virtualizer to measured (variable-height) mode; grids without this plugin keep the fixed-height fast path.\n\n## Install\n\n```bash\nnpm install @dojo-ng/data-grid-detail\n```\n\n## Usage\n\nEach row gains an expander; the detail panel renders any template — here a nested dj-data-grid (the subgrid case).\n\n```html\n<dj-data-grid id=\"g\"></dj-data-grid>\n<script type=\"module\">\n  import { html } from \"lit\";\n  import \"@dojo-ng/data-grid\";\n  import { detailPlugin } from \"@dojo-ng/data-grid-detail\";\n  const g = document.getElementById(\"g\");\n  g.columns = [{ id: \"order\", header: \"Order\" }, { id: \"customer\", header: \"Customer\" }];\n  g.data = [\n    { order: \"A-1\", customer: \"Acme\", items: [{ sku: \"W-1\", qty: 2 }, { sku: \"G-9\", qty: 1 }] },\n  ];\n  g.plugins = [detailPlugin({\n    render: (row) => html`<dj-data-grid\n      height=\"8rem\"\n      .columns=${[{ id: \"sku\", header: \"SKU\" }, { id: \"qty\", header: \"Qty\" }]}\n      .data=${row.original.items}></dj-data-grid>`,\n  })];\n</script>\n```\n","readmeFilename":"README.md","_rev":"1-3b498afc03d969babffebdf2110c498c"}