{"_id":"@edvanta/vue-split-layout-v3","_rev":"5-ebe5f5a186815ed76cbaea0c94a4fdd3","name":"@edvanta/vue-split-layout-v3","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@edvanta/vue-split-layout-v3","version":"1.0.0","keywords":["vue","vue3","split","layout","resizable","draggable","pane","ui"],"author":{"name":"Luis Figueiredo","email":"luisf@hexasoftware.com"},"license":"MIT","_id":"@edvanta/vue-split-layout-v3@1.0.0","maintainers":[{"name":"edvanta.technlogy","email":"devops@edvanta.com"}],"dist":{"shasum":"ae0f4b973495c831fbc844ae34259335cafdd4ff","tarball":"https://registry.npmjs.org/@edvanta/vue-split-layout-v3/-/vue-split-layout-v3-1.0.0.tgz","fileCount":15,"integrity":"sha512-GUKP3SvEgEeLDZ8ML06OQCgB3xt83eDJeQN7lYBKEyUIBSQQsnV1Hbwum3wIkJSn62U/3tMCFHq3QSdwW1UKyA==","signatures":[{"sig":"MEUCIQDfLSN50X0WH62zOFyLQJ9DWiyPpLcQy1894DeVBldHlgIgPxHaGMIixXq73HsyG4jTzrqQ+f3VJkwd+bljCTYDYSk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":125180},"main":"dist/vue-split-layout.js","module":"dist/vue-split-layout.es.js","exports":{".":{"import":"./dist/vue-split-layout.es.js","require":"./dist/vue-split-layout.js"},"./style.css":"./dist/style.css"},"gitHead":"cf3082e80543e4e29a31c2955eb0e2669e5a7e56","scripts":{"dev":"vite","build":"vite build --mode lib","prepare":"npm run build","preview":"vite preview","build-demo":"vite build"},"_npmUser":{"name":"edvanta.technlogy","email":"devops@edvanta.com"},"repository":{"url":"https://github.desktop.com/thoughtjumper/vue-split-layout-v3","type":"git"},"_npmVersion":"11.6.0","description":"A flexible, draggable, and resizable split layout system for Vue 3. Ported from vue-split-layout.","directories":{},"_nodeVersion":"24.10.0","browserslist":["> 1%","last 2 versions","not ie <= 8"],"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.21","sass":"^1.70.0","vite":"^5.1.4","@vitejs/plugin-vue":"^4.6.2","@vitejs/plugin-vue-jsx":"^3.1.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-split-layout-v3_1.0.0_1778578558781_0.7030784996919621","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@edvanta/vue-split-layout-v3","version":"1.0.1","keywords":["vue","vue3","split","layout","resizable","draggable","pane","ui"],"author":{"name":"Nischay Sharma","email":"contact@nischaysharma.com"},"license":"MIT","_id":"@edvanta/vue-split-layout-v3@1.0.1","maintainers":[{"name":"edvanta.technlogy","email":"devops@edvanta.com"}],"homepage":"https://github.com/thoughtjumper/vue-split-layout-v3#readme","bugs":{"url":"https://github.com/thoughtjumper/vue-split-layout-v3/issues"},"dist":{"shasum":"7bd899a941c1e24e6e206f2efb00800c64e216b6","tarball":"https://registry.npmjs.org/@edvanta/vue-split-layout-v3/-/vue-split-layout-v3-1.0.1.tgz","fileCount":15,"integrity":"sha512-AoVxRWrkJEffr2i43NUM9F6Zf88LfKgz9qm+vu6dhkJHNopUHW+rErw04WQaRA7fzQFQ8knBXFGthALxEqnMbQ==","signatures":[{"sig":"MEQCIA+X5lmPN6iQRyYhFkf9jZaLus+BGd6tOH8T2pmDgiJBAiBz2SdwJ0UdjGSvK+0yYDGTcUyNfO1xZzf2Q1AXqk/XTw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":125174},"main":"dist/vue-split-layout.js","module":"dist/vue-split-layout.es.js","exports":{".":{"import":"./dist/vue-split-layout.es.js","require":"./dist/vue-split-layout.js"},"./style.css":"./dist/style.css"},"gitHead":"c3c217567be5fab8e644689c21bf6d39b2987745","scripts":{"dev":"vite","build":"vite build --mode lib","prepare":"npm run build","preview":"vite preview","build-demo":"vite build"},"_npmUser":{"name":"edvanta.technlogy","email":"devops@edvanta.com"},"repository":{"url":"git+https://github.com/thoughtjumper/vue-split-layout-v3.git","type":"git"},"_npmVersion":"10.8.2","description":"A flexible, draggable, and resizable split layout system for Vue 3. Ported from vue-split-layout.","directories":{},"_nodeVersion":"20.20.2","browserslist":["> 1%","last 2 versions","not ie <= 8"],"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.21","sass":"^1.70.0","vite":"^5.1.4","@vitejs/plugin-vue":"^4.6.2","@vitejs/plugin-vue-jsx":"^3.1.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-split-layout-v3_1.0.1_1778584922009_0.2075292393294239","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@edvanta/vue-split-layout-v3","version":"1.0.2","keywords":["vue","vue3","split","layout","resizable","draggable","pane","ui"],"author":{"name":"Nischay Sharma","email":"contact@nischaysharma.com"},"license":"MIT","_id":"@edvanta/vue-split-layout-v3@1.0.2","maintainers":[{"name":"edvanta.technlogy","email":"devops@edvanta.com"}],"homepage":"https://github.com/thoughtjumper/vue-split-layout-v3#readme","bugs":{"url":"https://github.com/thoughtjumper/vue-split-layout-v3/issues"},"dist":{"shasum":"d52a67d405fb9092280fe25f00a8d3296a3e43b7","tarball":"https://registry.npmjs.org/@edvanta/vue-split-layout-v3/-/vue-split-layout-v3-1.0.2.tgz","fileCount":15,"integrity":"sha512-f210rGg24+tD2AhhOGGDkit5jwUoea+YZHlc1Xg8UTXFf2o0nmYp5ItrdeXtLqAgiBf1+OxY4jJgs1LHy0Hbog==","signatures":[{"sig":"MEUCIBWPP/trI83D0bXaIoyGNDd+RYhDceYj2tyyTHxzzbswAiEAnJgMtR6+Gk7DHCCAjhL+EKtzVmszPZZ89FCsl7C7gF8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":125180},"main":"dist/vue-split-layout.js","module":"dist/vue-split-layout.es.js","exports":{".":{"import":"./dist/vue-split-layout.es.js","require":"./dist/vue-split-layout.js"},"./style.css":"./dist/style.css"},"gitHead":"937a1e07f3c85914eef66f0b99621f58bf6ff6da","scripts":{"dev":"vite","build":"vite build --mode lib","prepare":"npm run build","preview":"vite preview","build-demo":"vite build"},"_npmUser":{"name":"edvanta.technlogy","email":"devops@edvanta.com"},"repository":{"url":"git+https://github.com/thoughtjumper/vue-split-layout-v3.git","type":"git"},"_npmVersion":"10.8.2","description":"A flexible, draggable, and resizable split layout system for Vue 3. Ported from vue-split-layout.","directories":{},"_nodeVersion":"20.20.2","browserslist":["> 1%","last 2 versions","not ie <= 8"],"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.21","sass":"^1.70.0","vite":"^5.1.4","@vitejs/plugin-vue":"^4.6.2","@vitejs/plugin-vue-jsx":"^3.1.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-split-layout-v3_1.0.2_1778586272547_0.012956864593536288","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@edvanta/vue-split-layout-v3","version":"1.0.4","keywords":["vue","vue3","split","layout","resizable","draggable","pane","ui"],"author":{"name":"Nischay Sharma","email":"contact@nischaysharma.com"},"license":"MIT","_id":"@edvanta/vue-split-layout-v3@1.0.4","maintainers":[{"name":"edvanta.technlogy","email":"devops@edvanta.com"}],"homepage":"https://github.com/thoughtjumper/vue-split-layout-v3#readme","bugs":{"url":"https://github.com/thoughtjumper/vue-split-layout-v3/issues"},"dist":{"shasum":"1057272cd8c5c45e72fa56542b7b88ed628cb1a3","tarball":"https://registry.npmjs.org/@edvanta/vue-split-layout-v3/-/vue-split-layout-v3-1.0.4.tgz","fileCount":15,"integrity":"sha512-Th3gRUEVhZNXXYHtw2HicPGs213mossARL2RAPI/WScU1sO/MImqQUz2jicHJzdhgWBxsAD7V8QaIq5+briMFg==","signatures":[{"sig":"MEUCIA5Y1bSOI1jYfidQ3Z/Hd2CcB7kz+wZ53DT+tMCi8QBeAiEA35VdkSRUpn+Pq6tl8NhYZj/aiIerGwBQumo9SFNyKx0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":125196},"main":"dist/vue-split-layout.js","module":"dist/vue-split-layout.es.js","exports":{".":{"import":"./dist/vue-split-layout.es.js","require":"./dist/vue-split-layout.js"},"./style.css":"./dist/style.css"},"gitHead":"4cf867f122bbc5c496e6c1f89c36623e1bbc1a24","scripts":{"dev":"vite","build":"vite build --mode lib","prepare":"npm run build","preview":"vite preview","build-demo":"vite build"},"_npmUser":{"name":"edvanta.technlogy","email":"devops@edvanta.com"},"repository":{"url":"git+https://github.com/thoughtjumper/vue-split-layout-v3.git","type":"git"},"_npmVersion":"10.9.3","description":"A flexible, draggable, and resizable split layout system for Vue 3. Ported from vue-split-layout.","directories":{},"_nodeVersion":"22.20.0","browserslist":["> 1%","last 2 versions","not ie <= 8"],"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.4.21","sass":"^1.70.0","vite":"^5.1.4","@vitejs/plugin-vue":"^4.6.2","@vitejs/plugin-vue-jsx":"^3.1.0"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-split-layout-v3_1.0.4_1778586521024_0.26829679114523675","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@edvanta/vue-split-layout-v3","description":"A flexible, draggable, and resizable split layout system for Vue 3. Ported from vue-split-layout.","version":"1.1.0","publishConfig":{"access":"public"},"main":"dist/vue-split-layout.js","module":"dist/vue-split-layout.es.js","exports":{".":{"import":"./dist/vue-split-layout.es.js","require":"./dist/vue-split-layout.js"},"./style.css":"./dist/style.css"},"author":{"name":"Nischay Sharma","email":"contact@nischaysharma.com"},"repository":{"type":"git","url":"git+https://github.com/thoughtjumper/vue-split-layout-v3.git"},"keywords":["vue","vue3","split","layout","resizable","draggable","pane","ui"],"license":"MIT","scripts":{"dev":"vite","build":"vite build --mode lib","build-demo":"vite build","preview":"vite preview","prepare":"npm run build"},"peerDependencies":{"vue":"^3.0.0"},"devDependencies":{"@vitejs/plugin-vue":"^4.6.2","@vitejs/plugin-vue-jsx":"^3.1.0","sass":"^1.70.0","vite":"^5.1.4","vue":"^3.4.21"},"browserslist":["> 1%","last 2 versions","not ie <= 8"],"_id":"@edvanta/vue-split-layout-v3@1.1.0","gitHead":"6d4373038163ef7975808ffd7979e113e9369dd6","bugs":{"url":"https://github.com/thoughtjumper/vue-split-layout-v3/issues"},"homepage":"https://github.com/thoughtjumper/vue-split-layout-v3#readme","_nodeVersion":"22.20.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-4GuXawlO3cFVX6jH3ImSF28o6dG8JjmUEqBAPJeXQ9vG+7Vr8102bomjmOwY5aHfPAISCcpDmAtCaMGO+qCQtQ==","shasum":"e189c1a1d60cc0a8559508b8c27f4d2bf6dc4afc","tarball":"https://registry.npmjs.org/@edvanta/vue-split-layout-v3/-/vue-split-layout-v3-1.1.0.tgz","fileCount":16,"unpackedSize":156581,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDNU/nLWGU7E19nosyiL5/iMlm9IWvdVg9rBDQRzDXCaAIgS6ox5KQ8LCt9R5DyXIcarIaDKkJR6mARdZBqPP+8Qpw="}]},"_npmUser":{"name":"edvanta.technlogy","email":"devops@edvanta.com"},"directories":{},"maintainers":[{"name":"edvanta.technlogy","email":"devops@edvanta.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-split-layout-v3_1.1.0_1780578662999_0.2059185340164127"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-12T09:35:58.691Z","modified":"2026-06-04T13:11:03.377Z","1.0.0":"2026-05-12T09:35:58.936Z","1.0.1":"2026-05-12T11:22:02.153Z","1.0.2":"2026-05-12T11:44:32.692Z","1.0.4":"2026-05-12T11:48:41.172Z","1.1.0":"2026-06-04T13:11:03.246Z"},"bugs":{"url":"https://github.com/thoughtjumper/vue-split-layout-v3/issues"},"author":{"name":"Nischay Sharma","email":"contact@nischaysharma.com"},"license":"MIT","homepage":"https://github.com/thoughtjumper/vue-split-layout-v3#readme","keywords":["vue","vue3","split","layout","resizable","draggable","pane","ui"],"repository":{"type":"git","url":"git+https://github.com/thoughtjumper/vue-split-layout-v3.git"},"description":"A flexible, draggable, and resizable split layout system for Vue 3. Ported from vue-split-layout.","maintainers":[{"name":"edvanta.technlogy","email":"devops@edvanta.com"}],"readme":"# @edvanta/vue-split-layout-v3\n\nA modern, high-performance Vue 3 port of the original [vue-split-layout](https://github.com/vue-hxs/vue-split-layout) by Luis Figueiredo.\n\nThis package provides a flexible, draggable, and resizable split layout system designed specifically for Vue 3, featuring zero runtime dependencies and a significantly reduced bundle size.\n\n## 🚀 Quick Start\n\n### Installation\n\n```bash\nnpm install @edvanta/vue-split-layout-v3\n```\n\n### Basic Usage\n\n```vue\n<template>\n  <Layout :splits=\"layout\">\n    <Pane title=\"Pane 1\">Content 1</Pane>\n    <Pane title=\"Pane 2\">Content 2</Pane>\n  </Layout>\n</template>\n\n<script setup>\nimport { Layout, Pane } from '@edvanta/vue-split-layout-v3'\nimport '@edvanta/vue-split-layout-v3/style.css'\n\nconst layout = {\n  dir: 'horizontal',\n  first: 0,\n  second: 1\n}\n</script>\n```\n\n## 📺 Live Demo\n\nYou can view the live demo (Composition API) here:\n👉 **[Live Demo](https://thoughtjumper.github.io/vue-split-layout-v3/)**\n*(Note: The link above assumes GitHub Pages hosting. You can also run it locally: `npm run dev`)*\n\n---\n\n## 📖 Detailed Documentation\n\nFor advanced usage, including dynamic panes, Pinia integration, and Composition API examples, see the full documentation:\n\n👉 **[View Full Documentation](./DOCUMENTATION.md)**\n\n### Key Improvements in this Port\n- **Vue 3 Native**: Rewritten to leverage Vue 3's high-performance reactivity system.\n- **Vite Powered**: Uses Vite for lightning-fast development and optimized builds.\n- **Zero Dependencies**: Removed `lodash` dependency, reducing bundle size from 34.3kB to **14.0kB**.\n- **Fixed Core Bugs**: Addressed legacy bugs related to state cloning and fragment rendering.\n- **Mobile Responsive & Pointer Events**: Fully responsive layout system supporting Pointer Events for universal mouse, touchscreen, and emulation compatibility. Keeps vertical scroll intact on mobile views while limiting dragging to explicitly-defined `[pane-drag]` drag handles. Prevents drag interference with nested interactive children (such as buttons, inputs, links, etc.).\n\n## 📄 Credits\nThis project is a Vue 3 port of [vue-split-layout](https://github.com/vue-hxs/vue-split-layout) (NPM: [vue-split-layout](https://www.npmjs.com/package/vue-split-layout)). All original layout logic and design patterns belong to the original author.\n\n\n## 📄 License\nMIT © Edvanta\n\n","readmeFilename":"README.md"}