{"_id":"@noction/vue-draggable-grid","_rev":"18-1529d2f77aeafe497bc6017794d2e202","name":"@noction/vue-draggable-grid","dist-tags":{"latest":"1.11.0","beta":"1.10.0-beta.5"},"versions":{"1.9.8":{"name":"@noction/vue-draggable-grid","version":"1.9.8","description":"Vue3 grid layout with resize, drag and responsive","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Victor Poltoratchi","email":"poltoratchi1369@gmail.com"},"funding":{"type":"paypal","url":"https://paypal.me/poltoratchi1?country.x=MD&locale.x=en_US"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git","directory":"packages/vue3-drr-grid-layout"},"homepage":"https://github.com/Noction/draggable-grid/tree/dev/packages/vue3-drr-grid-layout","bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"poltoratchi1369@gmail.com"},"license":"MIT","main":"dist/vue3-drr-grid-layout.umd.js","module":"dist/vue3-drr-grid-layout.mjs","types":"dist/index.d.ts","scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && tsc -d --emitDeclarationOnly && vue-typegen gen -s src -o dist","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage"},"dependencies":{"@interactjs/actions":"^1.10.17","@interactjs/auto-start":"^1.10.17","@interactjs/dev-tools":"^1.10.17","@interactjs/interactjs":"^1.10.17","@interactjs/modifiers":"^1.10.17","@types/element-resize-detector":"^1.1.3","element-resize-detector":"^1.2.4","mitt":"^3.0.0","vue":"^3.2.0"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.18.10","@types/jest":"^28.1.6","@vitejs/plugin-vue":"^3.0.1","@vue/eslint-config-typescript":"^11.0.0","@vue/test-utils":"^2.0.2","cross-env":"^7.0.3","jsdom":"^20.0.0","sass":"^1.54.0","vite":"^3.0.3","vitest":"^0.19.1","vue-eslint-parser":"^9.0.3","vue-template-compiler":"^2.7.8","vue-tsc":"^0.39.0","vue-typegen":"^0.2.0"},"directories":{"test":"tests"},"_id":"@noction/vue-draggable-grid@1.9.8","gitHead":"3411fde0045269bb5809762a396a18d35ec4cca4","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-w4GiTgxx6Vt4VEf1cCNxeB3S/jQ5H5qTT8EiajAs6fE/kqmnVRHGMh9MUFszkln8V6ejXHngbW75UPjZSD/HQQ==","shasum":"d8f3667d988f64b0c0803b0ca91accb1b035faf0","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.8.tgz","fileCount":8,"unpackedSize":320869,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH63DamStdATrDazuEMSTneadPcA58qR0+UJjzXIYr/DAiEAzCY8fg2Uf9YeWfp80e9Rlh8sdv/DeAljlkzJ7Hnj9Vo="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.8_1699263314284_0.18548369169474732"},"_hasShrinkwrap":false},"1.9.9":{"name":"@noction/vue-draggable-grid","version":"1.9.9","description":"Vue3 grid layout with resize, drag and responsive","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Victor Poltoratchi","email":"poltoratchi1369@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git","directory":"packages/vue-draggable-grid"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"poltoratchi1369@gmail.com"},"license":"MIT","main":"dist/vue-draggable-grid.umd.js","module":"dist/vue-draggable-grid.mjs","types":"dist/index.d.ts","exports":{".":{"import":"./dist/vue-draggable-grid.mjs","default":"./dist/vue-draggable-grid.mjs"},"./styles":{"import":"./dist/style.css","default":"./dist/style.css"},"./*":"./*"},"dependencies":{"@interactjs/actions":"^1.10.17","@interactjs/auto-start":"^1.10.17","@interactjs/dev-tools":"^1.10.17","@interactjs/interactjs":"^1.10.17","@interactjs/modifiers":"^1.10.17","@types/element-resize-detector":"^1.1.3","element-resize-detector":"^1.2.4","mitt":"^3.0.0","vue":"^3.2.0"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.18.10","@types/jest":"^28.1.6","@vitejs/plugin-vue":"^3.0.1","@vue/eslint-config-typescript":"^11.0.0","@vue/test-utils":"^2.0.2","cross-env":"^7.0.3","jsdom":"^20.0.0","sass":"^1.54.0","vite":"^3.0.3","vitest":"^0.19.1","vue-eslint-parser":"^9.0.3","vue-template-compiler":"^2.7.8","vue-tsc":"^0.39.0","vue-typegen":"^0.2.0"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && tsc -d --emitDeclarationOnly && vue-typegen gen -s src -o dist","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage"},"homepage":"https://github.com/Noction/draggable-grid#readme","_id":"@noction/vue-draggable-grid@1.9.9","_integrity":"sha512-OI2+T7nfcpVG1dKsnnbAq9xp9x8bHSRrw4fP6jKlFylk0DtrwcKWEHCEOFL2bhVTjK58n2py4UsFEd7LqcmSpw==","_resolved":"/private/var/folders/qy/0y3mvfx53njfw9bsvb3t5hgr0000gn/T/a35a35f34851813a933c53a7bd5e0ad5/noction-vue-draggable-grid-1.9.9.tgz","_from":"file:noction-vue-draggable-grid-1.9.9.tgz","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-OI2+T7nfcpVG1dKsnnbAq9xp9x8bHSRrw4fP6jKlFylk0DtrwcKWEHCEOFL2bhVTjK58n2py4UsFEd7LqcmSpw==","shasum":"f7a34abe90301f82f663e07f99c613f0453eb035","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.9.tgz","fileCount":2,"unpackedSize":9553,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFshOCtFgxQRgO/gtwdEkQuLuRtpEyCz80gv6NL++sAvAiAooxH5wNxKFLTi8DKrJ7Al+lJwlTFQ0b9i3bnHaAAWqw=="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.9_1699267194187_0.18983946143067199"},"_hasShrinkwrap":false},"1.9.10":{"name":"@noction/vue-draggable-grid","version":"1.9.10","description":"Vue3 grid layout with resize, drag and responsive","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Victor Poltoratchi","email":"poltoratchi1369@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git","directory":"packages/vue-draggable-grid"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"poltoratchi1369@gmail.com"},"license":"MIT","main":"dist/vue-draggable-grid.mjs","module":"dist/vue-draggable-grid.mjs","types":"dist/index.d.ts","exports":{".":{"import":"./dist/vue-draggable-grid.mjs","default":"./dist/vue-draggable-grid.mjs"},"./styles":{"import":"./dist/style.css","default":"./dist/style.css"},"./*":"./*"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && tsc -d --emitDeclarationOnly && vue-typegen gen -s src -o dist","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","prepublishOnly":"pnpm build"},"dependencies":{"@interactjs/actions":"^1.10.17","@interactjs/auto-start":"^1.10.17","@interactjs/dev-tools":"^1.10.17","@interactjs/interactjs":"^1.10.17","@interactjs/modifiers":"^1.10.17","@types/element-resize-detector":"^1.1.3","element-resize-detector":"^1.2.4","mitt":"^3.0.0","vue":"^3.2.0"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.18.10","@types/jest":"^28.1.6","@vitejs/plugin-vue":"^3.0.1","@vue/eslint-config-typescript":"^11.0.0","@vue/test-utils":"^2.0.2","cross-env":"^7.0.3","jsdom":"^20.0.0","sass":"^1.54.0","vite":"^3.0.3","vitest":"^0.19.1","vue-eslint-parser":"^9.0.3","vue-template-compiler":"^2.7.8","vue-tsc":"^0.39.0","vue-typegen":"^0.2.0"},"_id":"@noction/vue-draggable-grid@1.9.10","gitHead":"3db22b5caf27fa7dea1d1bde36fc86d1ebcf1ee5","homepage":"https://github.com/Noction/draggable-grid#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-UTcDz55JK/aypy3B789vUtlk8tkYF+ruT6BYicgXrvP4MKwy2RgYcy18OTSLEBI68TESkwvh4b1K1Auk6cwsoA==","shasum":"51d3695e1209a5b9e2e9f048cec464045f83f0b2","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.10.tgz","fileCount":8,"unpackedSize":320798,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYPcujHL1KmpE2VM8VnTexhnOVYleLVHrT8Cn/ZE2ABQIhAPMRXeaIV/sOCbtTYxkIUbk8tvLalqVdlk0iA4q0Oc0J"}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.10_1699385033937_0.7693868253894309"},"_hasShrinkwrap":false},"1.9.11":{"name":"@noction/vue-draggable-grid","version":"1.9.11","type":"module","description":"Vue3 grid layout with resize, drag and responsive","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Victor Poltoratchi","email":"poltoratchi1369@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git","directory":"packages/vue-draggable-grid"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"poltoratchi1369@gmail.com"},"license":"MIT","main":"dist/vue-draggable-grid.js","module":"dist/vue-draggable-grid.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/vue-draggable-grid.js","require":"./dist/vue-draggable-grid.cjs","default":"./dist/vue-draggable-grid.js"},"./styles":{"import":"./dist/style.css","default":"./dist/style.css"},"./types":{"import":"./dist/index.d.ts","require":"./dist/index.d.ts","default":"./dist/index.d.ts"}},"typesVersions":{"*":{"*":["./dist/*","./dist/index.d.ts"]}},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit","prepublishOnly":"pnpm build"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.3.8"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.0","@types/jest":"^29.5.7","@vitejs/plugin-vue":"^4.4.0","@vitest/coverage-v8":"^0.34.6","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.1","cross-env":"^7.0.3","jsdom":"^22.1.0","sass":"^1.69.5","vite":"^4.5.0","vitest":"^0.34.6","vue-eslint-parser":"^9.3.2","vue-template-compiler":"^2.7.15","vue-tsc":"^1.8.22"},"_id":"@noction/vue-draggable-grid@1.9.11","homepage":"https://github.com/Noction/draggable-grid#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-2yGJ8KMsVJJhxQ9ZrKC28QvUuFTXRQfqjw++aB+KXhhh1VAjrx9ozQNpvQadMDQZmDNmOvbfHsR+yfuYsnAhFw==","shasum":"4c6003e1bb967915253ec05d1350fe1e405b2ed1","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.11.tgz","fileCount":18,"unpackedSize":340279,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF8uYreyBlo1AmXqiSguoZlYFChtpR7kcMd5eHYkaYIDAiEAh6/viLnWfpSLbnAyVOERdL0zfFaVg/wkJEEQFHQJf/U="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.11_1699472257134_0.3273855438222275"},"_hasShrinkwrap":false},"1.9.12":{"name":"@noction/vue-draggable-grid","version":"1.9.12","type":"module","description":"Vue3 grid layout with resize, drag and responsive","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Victor Poltoratchi","email":"poltoratchi1369@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git","directory":"packages/vue-draggable-grid"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"poltoratchi1369@gmail.com"},"license":"MIT","main":"dist/vue-draggable-grid.js","module":"dist/vue-draggable-grid.js","types":"dist/index.d.ts","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/vue-draggable-grid.js","require":"./dist/vue-draggable-grid.cjs","default":"./dist/vue-draggable-grid.js"},"./styles":{"import":"./dist/style.css","default":"./dist/style.css"},"./types":{"import":"./dist/types/index.d.ts","require":"./dist/types/index.d.ts","default":"./dist/types/index.d.ts"}},"typesVersions":{"*":{"*":["./dist/*","./dist/index.d.ts"]}},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.3.8"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.0","@types/jest":"^29.5.7","@vitejs/plugin-vue":"^4.4.0","@vitest/coverage-v8":"^0.34.6","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.1","cross-env":"^7.0.3","jsdom":"^22.1.0","sass":"^1.69.5","vite":"^4.5.0","vitest":"^0.34.6","vue-eslint-parser":"^9.3.2","vue-template-compiler":"^2.7.15","vue-tsc":"^1.8.22"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"homepage":"https://github.com/Noction/draggable-grid#readme","_id":"@noction/vue-draggable-grid@1.9.12","_integrity":"sha512-1JPSM453iPmiVPelCKxD8sQB1Z3w8F/pYpgiew2s1B8nrcmI/ir/soHXT5MhcLCuWO/QQ17ltPByXrSWktMGhg==","_resolved":"/private/var/folders/qy/0y3mvfx53njfw9bsvb3t5hgr0000gn/T/84efd02e0ad9eaf8ae26729ed75bbc46/noction-vue-draggable-grid-1.9.12.tgz","_from":"file:noction-vue-draggable-grid-1.9.12.tgz","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-1JPSM453iPmiVPelCKxD8sQB1Z3w8F/pYpgiew2s1B8nrcmI/ir/soHXT5MhcLCuWO/QQ17ltPByXrSWktMGhg==","shasum":"a8b0eb6f1466a357a0715b52df9e15b268ff1a0c","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.12.tgz","fileCount":19,"unpackedSize":340377,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDo1nukjkLLt/4eqC/4QKh+6zcQWECC0VRaI37e3T5ijAiBGy728NXcuxpveDgRI732xbxbEKAW6eRKBg9NYiNxUSQ=="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.12_1704575741007_0.35681061764607214"},"_hasShrinkwrap":false},"1.9.14":{"name":"@noction/vue-draggable-grid","version":"1.9.14","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.3.8"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.0","@types/jest":"^29.5.7","@vitejs/plugin-vue":"^4.4.0","@vitest/coverage-v8":"^0.34.6","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.1","cross-env":"^7.0.3","jsdom":"^22.1.0","sass":"^1.69.5","vite":"^4.5.0","vitest":"^0.34.6","vue-eslint-parser":"^9.3.2","vue-template-compiler":"^2.7.15","vue-tsc":"^1.8.22"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"_id":"@noction/vue-draggable-grid@1.9.14","_integrity":"sha512-e6vvPhNTzIi7lvfnf8lBPlURH51idYA0vZOwnMii1YSsIAh/hw4ticlyJOviSrhWNKGTdnfJD0zJhzQSTnD3iw==","_resolved":"/private/var/folders/qy/0y3mvfx53njfw9bsvb3t5hgr0000gn/T/3d490bb92dc89cb8a3768b7c2911e290/noction-vue-draggable-grid-1.9.14.tgz","_from":"file:noction-vue-draggable-grid-1.9.14.tgz","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-e6vvPhNTzIi7lvfnf8lBPlURH51idYA0vZOwnMii1YSsIAh/hw4ticlyJOviSrhWNKGTdnfJD0zJhzQSTnD3iw==","shasum":"3a53fb6188e94945e284138485cd9e556ff1ac37","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.14.tgz","fileCount":20,"unpackedSize":339881,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD6KsA6xCU54iDyLVyklyQsMTWIbzL17J1bc6iYSTK3swIhAJNeNbM4dK4F0+XEr0CHlG9rXab5+mHmXPbckAU48UKe"}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.14_1705075575362_0.027252673836224428"},"_hasShrinkwrap":false},"1.9.15":{"name":"@noction/vue-draggable-grid","version":"1.9.15","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.3.8"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.0","@types/jest":"^29.5.7","@vitejs/plugin-vue":"^4.4.0","@vitest/coverage-v8":"^0.34.6","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.1","cross-env":"^7.0.3","jsdom":"^22.1.0","sass":"^1.69.5","vite":"^4.5.0","vitest":"^0.34.6","vue-eslint-parser":"^9.3.2","vue-template-compiler":"^2.7.15","vue-tsc":"^1.8.22"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"_id":"@noction/vue-draggable-grid@1.9.15","_integrity":"sha512-99kjxMppTR19UAONTzJFmCMiJ7+9Re7I7fEw0tuB798NU6zGT6YPhjuIqJmvTTrUAWjyJAoRl+YFNpH/BBbV1Q==","_resolved":"/private/var/folders/qy/0y3mvfx53njfw9bsvb3t5hgr0000gn/T/4d3b025f4c4c78f7b9de4c8dfb559472/noction-vue-draggable-grid-1.9.15.tgz","_from":"file:noction-vue-draggable-grid-1.9.15.tgz","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-99kjxMppTR19UAONTzJFmCMiJ7+9Re7I7fEw0tuB798NU6zGT6YPhjuIqJmvTTrUAWjyJAoRl+YFNpH/BBbV1Q==","shasum":"070d676f77bf15ba15225f792b8d2e1686f50425","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.15.tgz","fileCount":20,"unpackedSize":339985,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD/519KORp5qKyLYN/EyiqDG9upz025fujwAkMPrmikoQIhAID04dyuLKcDn8u0hAfU4FPyq7xGT6ZFIPKJvvcit5FI"}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.15_1705314363744_0.7643454638708211"},"_hasShrinkwrap":false},"1.10.0-beta.1":{"name":"@noction/vue-draggable-grid","version":"1.10.0-beta.1","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.4.14"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.6","@types/jest":"^29.5.11","@vitejs/plugin-vue":"^5.0.3","@vitest/coverage-v8":"^1.2.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.3","cross-env":"^7.0.3","jsdom":"^23.2.0","sass":"^1.69.7","vite":"^4.5.0","vitest":"^1.2.0","vue-eslint-parser":"^9.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^1.8.27"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"_id":"@noction/vue-draggable-grid@1.10.0-beta.1","_integrity":"sha512-Yy7gHMFuGQIz5dfhcuHEuwmhIZck2+muFCCdjZtSpLcdiNUoX4pC7J2Nd0KbL/Umg2ErNKn/lZECaUqY0yMzCw==","_resolved":"/private/var/folders/qy/0y3mvfx53njfw9bsvb3t5hgr0000gn/T/26cdd06a4855e7ea95312d8885b752e8/noction-vue-draggable-grid-1.10.0-beta.1.tgz","_from":"file:noction-vue-draggable-grid-1.10.0-beta.1.tgz","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-Yy7gHMFuGQIz5dfhcuHEuwmhIZck2+muFCCdjZtSpLcdiNUoX4pC7J2Nd0KbL/Umg2ErNKn/lZECaUqY0yMzCw==","shasum":"baba1d93ac49472d8f2ce7cc6a3bb6421ad568ae","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.10.0-beta.1.tgz","fileCount":21,"unpackedSize":341548,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL4ZHsXJHAh/EIy4rXntAneKww5jHIIBrG6wJONXcTIwIgYkLnFFziBj9wQP6HdGDEIUc9wQi9evKXSiCYQxbZ+rg="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.10.0-beta.1_1705495223440_0.20088924920523632"},"_hasShrinkwrap":false},"1.10.0-beta.2":{"name":"@noction/vue-draggable-grid","version":"1.10.0-beta.2","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit","prepublishOnly":"pnpm build"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.4.14"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.6","@types/jest":"^29.5.11","@vitejs/plugin-vue":"^5.0.3","@vitest/coverage-v8":"^1.2.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.3","cross-env":"^7.0.3","jsdom":"^23.2.0","sass":"^1.69.7","vite":"^4.5.0","vitest":"^1.2.0","vue-eslint-parser":"^9.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^1.8.27"},"_id":"@noction/vue-draggable-grid@1.10.0-beta.2","gitHead":"b06cb86301b4d3ea5b7146f723be27a4cc3bfbc6","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-y1oABwwKcjvrrhOShkXaUVuT2XnLHYLnqGs5n1UdJP/Q/IenxQr2UP9fUxP42oiMf1KwrScITFBXiXJdGtINwQ==","shasum":"fa99d98e81a043214589deefca04c5b0efc6b5e3","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.10.0-beta.2.tgz","fileCount":21,"unpackedSize":341992,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCheIU0bouXJs8glFNd3CifPEPOLZuk1MCpj9tbGJbMGQIhAMJOndEMOUv45Jk1Wi4cbxQbV7lTTGknGpRFrHglzbB+"}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.10.0-beta.2_1705921789161_0.6962741538255663"},"_hasShrinkwrap":false},"1.10.0-beta.4":{"name":"@noction/vue-draggable-grid","version":"1.10.0-beta.4","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.4.14"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.6","@types/jest":"^29.5.11","@vitejs/plugin-vue":"^5.0.3","@vitest/coverage-v8":"^1.2.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.3","cross-env":"^7.0.3","jsdom":"^23.2.0","sass":"^1.69.7","vite":"^4.5.0","vitest":"^1.2.0","vue-eslint-parser":"^9.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^1.8.27"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"readme":"# vue-draggable-grid\n[![NPM package](https://img.shields.io/npm/v/@noction/vue-draggable-grid.svg?style=flat-square)](https://www.npmjs.com/package/@noction/vue-draggable-grid)\n[![NPM monthly downloads](https://img.shields.io/npm/dm/@noction/vue-draggable-grid.svg?style=flat)](https://npmjs.com/package/@noction/vue-draggable-grid)\n[![codecov](https://codecov.io/gh/Noction/vue-draggable-grid/branch/main/graph/badge.svg?token=C5NGW1BC2N)](https://codecov.io/gh/Noction/vue-draggable-grid)\n\nGrid layout for vue 3 with draggable, resize, responsive events\n\nRewrote to TypeScript, Composition API and migrated to Vue3\n\n\n### Usage\n```js\n import { createApp } from 'vue'\n import App from './App.vue'\n import VueDraggableGrid from '@noction/vue-draggable-grid'\n import '@noction/vue-draggable-grid/styles'\n\n const app = createApp(App)\n\n app.use(VueDraggableGrid)\n\n app.mount('#app')\n```\n```vue\n \n \n```\nor\n```vue\n \n \n```\n\n### Props\n\n#### GridLayout Props\n\n_Properties with no default values are **Required**_\n\n| Name | Type | Default Value | Description |\n|--------------------------------|------------------------------|------------------------------------------------------|-------------------------------------------------|\n| colNum | `number` | | Number of columns in the grid. |\n| layout | `Layout` | | Initial layout of the grid. |\n| autoSize | `boolean` | `true` | Automatically adjust the size of items. |\n| breakpoints | `Breakpoints` | `{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }` | Responsive breakpoints for grid. |\n| cols | `Breakpoints` | `{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }` | Number of columns at different breakpoints. |\n| horizontalShift | `boolean` | `false` | Allow horizontal shifting of items. |\n| intersectionObserverConfig | `IntersectionObserverConfig` | `{ root: null, rootMargin: '8px', threshold: 0.40 }` | Configuration for the Intersection Observer. |\n| isDraggable | `boolean` | `true` | Enable dragging of grid items. |\n| isResizable | `boolean` | `true` | Enable resizing of grid items. |\n| margin | `number[]` | `[10, 10]` | Margin around grid items. |\n| maxRows | `number` | `Infinity` | Maximum number of rows in the grid. |\n| preventCollision | `boolean` | `false` | Prevent items from colliding with each other. |\n| responsive | `boolean` | `false` | Enable responsive layout. |\n| responsiveLayouts | `ResponsiveLayout` | `{}` | Responsive layouts for different breakpoints. |\n| rowHeight | `number` | `150` | Height of each row in the grid. |\n| useCssTransforms | `boolean` | `true` | Use CSS transforms for positioning. |\n| useObserver | `boolean` | `false` | Use Intersection Observer for item visibility. |\n| verticalCompact | `boolean` | `true` | Enable vertical compacting of items. |\n\n\n#### GridItem Props\n\n_Properties with no default values are **Required**_\n\n| Name | Type | Default Value | Description |\n|----------------------|----------------------------------------|-------------------|----------------------------------------------------|\n| breakpointCols | `Breakpoints` | | Number of columns at different breakpoints. |\n| colNum | `number` | | Number of columns in the grid. |\n| containerWidth | `number` | | Width of the container. |\n| h | `number` | | Height of the grid item. |\n| id | `Id` | | Unique identifier for the grid item. |\n| isDraggable | `boolean` | | Enable dragging of the grid item. |\n| isResizable | `boolean` | | Enable resizing of the grid item. |\n| lastBreakpoint | `BreakpointsKeys` | | Last breakpoint at which the item was resized. |\n| margin | `number[]` | | Margin around the grid item. |\n| maxRows | `number` | | Maximum number of rows the item can occupy. |\n| rowHeight | `number` | | Height of each row the item occupies. |\n| useCssTransforms | `boolean` | | Use CSS transforms for positioning. |\n| w | `number` | | Width of the grid item. |\n| x | `number` | | X position of the grid item. |\n| y | `number` | | Y position of the grid item. |\n| dragAllowFrom | `string \\| null` | `null` | Selector for allowing drag from specific elements. |\n| dragIgnoreFrom | `string` | `'a, button'` | Selector for elements to ignore during drag. |\n| dragOption | `object` | `{}` | Options for configuring drag behavior. |\n| maxH | `number` | `Infinity` | Maximum height of the grid item. |\n| maxW | `number` | `Infinity` | Maximum width of the grid item. |\n| minH | `number` | `1` | Minimum height of the grid item. |\n| minW | `number` | `1` | Minimum width of the grid item. |\n| observer | `IntersectionObserver \\| undefined` | `undefined` | Intersection Observer for item visibility. |\n| isStatic | `boolean` | `false` | Make the grid item static (non-draggable). |\n\n### Custom Events\n\n_Every custom event is prefixed with `noc` so it will not collide with default events_\n\n_This does not include events that update a value written in a `v-model`_\n\n#### GridLayout Events\n\n| Name | Payload | Description |\n|----------------------------|-----------------------------------------|----------------------------------------------------|\n| noc-intersection-observe | `id: Id[]` | Notify when items are observed for intersection. |\n| noc-intersection-unobserve | `id: Id[]` | Notify when items are unobserved for intersection. |\n| noc-item-move | `GridItemEvents['noc-move']` | Notify when a grid item is being moved. |\n| noc-item-move-end | `GridItemEvents['noc-move-end']` | Notify when a grid item's move operation ends. |\n| noc-item-resize | `GridItemEvents['noc-resize']` | Notify when a grid item is being resized. |\n| noc-item-resize-end | `GridItemEvents['noc-resize-end']` | Notify when a grid item's resize operation ends. |\n| noc-layout-before-mount | `layout: Layout` | Notify before the grid layout is mounted. |\n| noc-layout-create | `layout: Layout` | Notify when a new layout is created. |\n| noc-layout-mount | `layout: Layout` | Notify when the grid layout is mounted. |\n| noc-layout-ready | `layout: Layout` | Notify when the grid layout is ready. |\n| noc-layout-update | `layout: Layout` | Notify when the grid layout is updated. |\n| noc-resize-container | `payload: ResizePayload` | Notify when the container is resized. |\n\n#### GridLayout `v-model`\n\n_`v-model`'s are not prefixed with `noc`_\n\n| Name | Payload | Description |\n|--------------------|--------------------------------|-------------------------|\n| update:layout | `layout: Layout` | Updates the Layout |\n| update:breakpoints | `breakpoints: BreakpointsKeys` | Updates the Breakpoints |\n\n#### GridItem Events\n\n| Name | Payload | Description |\n|----------------------|-------------------------------|---------------------------------------------------|\n| noc-resize-container | `payload: ResizePayload` | Notify when the container is resized. |\n| noc-resize | `payload: ResizePayload` | Notify when a grid item is being resized. |\n| noc-resize-end | `payload: ResizePayload` | Notify when a grid item's resize operation ends. |\n| noc-move | `payload: MovePayload` | Notify when a grid item is being moved. |\n| noc-move-end | `payload: MovePayload` | Notify when a grid item's move operation ends. |\n\n","readmeFilename":"README.md","_id":"@noction/vue-draggable-grid@1.10.0-beta.4","_integrity":"sha512-SMaycUXSIec/UpaaRXAGMj3rVI1E3uNkNVYrT7cGg47C5HlDRM0Lr+hIsEZn6icg/Vj17LMNfzPaDj4QyHiCHA==","_resolved":"/private/var/folders/qv/99pgy70j6yv5kllt3n4llbvm0000gn/T/77ebeff79cac081ccb8345cc3ae7e2a4/noction-vue-draggable-grid-1.10.0-beta.4.tgz","_from":"file:noction-vue-draggable-grid-1.10.0-beta.4.tgz","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-SMaycUXSIec/UpaaRXAGMj3rVI1E3uNkNVYrT7cGg47C5HlDRM0Lr+hIsEZn6icg/Vj17LMNfzPaDj4QyHiCHA==","shasum":"30811d5f06c0c3161234fb7e5ba7c459bd9c9eba","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.10.0-beta.4.tgz","fileCount":21,"unpackedSize":341872,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDwEW/XUJqRg2ZEuj+wtzndlAcmnvMhyP9Ce+ZA0p/IYgIgItvUDGekCVV2RzaNAv3QUYMgeXLhicnm6NgjFdbnxlg="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.10.0-beta.4_1705924604732_0.6704927841084407"},"_hasShrinkwrap":false},"1.10.0-beta.5":{"name":"@noction/vue-draggable-grid","version":"1.10.0-beta.5","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.4.14"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.6","@types/jest":"^29.5.11","@vitejs/plugin-vue":"^5.0.3","@vitest/coverage-v8":"^1.2.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.3","cross-env":"^7.0.3","jsdom":"^23.2.0","sass":"^1.69.7","vite":"^4.5.0","vitest":"^1.2.0","vue-eslint-parser":"^9.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^1.8.27"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"readme":"# vue-draggable-grid\n[![NPM package](https://img.shields.io/npm/v/@noction/vue-draggable-grid.svg?style=flat-square)](https://www.npmjs.com/package/@noction/vue-draggable-grid)\n[![NPM monthly downloads](https://img.shields.io/npm/dm/@noction/vue-draggable-grid.svg?style=flat)](https://npmjs.com/package/@noction/vue-draggable-grid)\n[![codecov](https://codecov.io/gh/Noction/vue-draggable-grid/branch/main/graph/badge.svg?token=C5NGW1BC2N)](https://codecov.io/gh/Noction/vue-draggable-grid)\n\nGrid layout for vue 3 with draggable, resize, responsive events\n\nRewrote to TypeScript, Composition API and migrated to Vue3\n\n\n### Usage\n```js\n import { createApp } from 'vue'\n import App from './App.vue'\n import VueDraggableGrid from '@noction/vue-draggable-grid'\n import '@noction/vue-draggable-grid/styles'\n\n const app = createApp(App)\n\n app.use(VueDraggableGrid)\n\n app.mount('#app')\n```\n```vue\n \n \n```\nor\n```vue\n \n \n```\n\n### Props\n\n#### GridLayout Props\n\n_Properties with no default values are **Required**_\n\n| Name | Type | Default Value | Description |\n|--------------------------------|------------------------------|------------------------------------------------------|-------------------------------------------------|\n| colNum | `number` | | Number of columns in the grid. |\n| layout | `Layout` | | Initial layout of the grid. |\n| autoSize | `boolean` | `true` | Automatically adjust the size of items. |\n| breakpoints | `Breakpoints` | `{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }` | Responsive breakpoints for grid. |\n| cols | `Breakpoints` | `{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }` | Number of columns at different breakpoints. |\n| horizontalShift | `boolean` | `false` | Allow horizontal shifting of items. |\n| intersectionObserverConfig | `IntersectionObserverConfig` | `{ root: null, rootMargin: '8px', threshold: 0.40 }` | Configuration for the Intersection Observer. |\n| isDraggable | `boolean` | `true` | Enable dragging of grid items. |\n| isResizable | `boolean` | `true` | Enable resizing of grid items. |\n| margin | `number[]` | `[10, 10]` | Margin around grid items. |\n| maxRows | `number` | `Infinity` | Maximum number of rows in the grid. |\n| preventCollision | `boolean` | `false` | Prevent items from colliding with each other. |\n| responsive | `boolean` | `false` | Enable responsive layout. |\n| responsiveLayouts | `ResponsiveLayout` | `{}` | Responsive layouts for different breakpoints. |\n| rowHeight | `number` | `150` | Height of each row in the grid. |\n| useCssTransforms | `boolean` | `true` | Use CSS transforms for positioning. |\n| useObserver | `boolean` | `false` | Use Intersection Observer for item visibility. |\n| verticalCompact | `boolean` | `true` | Enable vertical compacting of items. |\n\n\n#### GridItem Props\n\n_Properties with no default values are **Required**_\n\n| Name | Type | Default Value | Description |\n|----------------------|----------------------------------------|-------------------|----------------------------------------------------|\n| breakpointCols | `Breakpoints` | | Number of columns at different breakpoints. |\n| colNum | `number` | | Number of columns in the grid. |\n| containerWidth | `number` | | Width of the container. |\n| h | `number` | | Height of the grid item. |\n| id | `Id` | | Unique identifier for the grid item. |\n| isDraggable | `boolean` | | Enable dragging of the grid item. |\n| isResizable | `boolean` | | Enable resizing of the grid item. |\n| lastBreakpoint | `BreakpointsKeys` | | Last breakpoint at which the item was resized. |\n| margin | `number[]` | | Margin around the grid item. |\n| maxRows | `number` | | Maximum number of rows the item can occupy. |\n| rowHeight | `number` | | Height of each row the item occupies. |\n| useCssTransforms | `boolean` | | Use CSS transforms for positioning. |\n| w | `number` | | Width of the grid item. |\n| x | `number` | | X position of the grid item. |\n| y | `number` | | Y position of the grid item. |\n| dragAllowFrom | `string \\| null` | `null` | Selector for allowing drag from specific elements. |\n| dragIgnoreFrom | `string` | `'a, button'` | Selector for elements to ignore during drag. |\n| dragOption | `object` | `{}` | Options for configuring drag behavior. |\n| maxH | `number` | `Infinity` | Maximum height of the grid item. |\n| maxW | `number` | `Infinity` | Maximum width of the grid item. |\n| minH | `number` | `1` | Minimum height of the grid item. |\n| minW | `number` | `1` | Minimum width of the grid item. |\n| observer | `IntersectionObserver \\| undefined` | `undefined` | Intersection Observer for item visibility. |\n| isStatic | `boolean` | `false` | Make the grid item static (non-draggable). |\n\n### Custom Events\n\n_Every custom event is prefixed with `noc` so it will not collide with default events_\n\n_This does not include events that update a value written in a `v-model`_\n\n#### GridLayout Events\n\n| Name | Payload | Description |\n|----------------------------|-----------------------------------------|----------------------------------------------------|\n| noc-intersection-observe | `id: Id[]` | Notify when items are observed for intersection. |\n| noc-intersection-unobserve | `id: Id[]` | Notify when items are unobserved for intersection. |\n| noc-item-move | `GridItemEvents['noc-move']` | Notify when a grid item is being moved. |\n| noc-item-move-end | `GridItemEvents['noc-move-end']` | Notify when a grid item's move operation ends. |\n| noc-item-resize | `GridItemEvents['noc-resize']` | Notify when a grid item is being resized. |\n| noc-item-resize-end | `GridItemEvents['noc-resize-end']` | Notify when a grid item's resize operation ends. |\n| noc-layout-before-mount | `layout: Layout` | Notify before the grid layout is mounted. |\n| noc-layout-create | `layout: Layout` | Notify when a new layout is created. |\n| noc-layout-mount | `layout: Layout` | Notify when the grid layout is mounted. |\n| noc-layout-ready | `layout: Layout` | Notify when the grid layout is ready. |\n| noc-layout-update | `layout: Layout` | Notify when the grid layout is updated. |\n| noc-resize-container | `payload: ResizePayload` | Notify when the container is resized. |\n\n#### GridLayout `v-model`\n\n_`v-model`'s are not prefixed with `noc`_\n\n| Name | Payload | Description |\n|--------------------|--------------------------------|-------------------------|\n| update:layout | `layout: Layout` | Updates the Layout |\n| update:breakpoints | `breakpoints: BreakpointsKeys` | Updates the Breakpoints |\n\n#### GridItem Events\n\n| Name | Payload | Description |\n|----------------------|-------------------------------|---------------------------------------------------|\n| noc-resize-container | `payload: ResizePayload` | Notify when the container is resized. |\n| noc-resize | `payload: ResizePayload` | Notify when a grid item is being resized. |\n| noc-resize-end | `payload: ResizePayload` | Notify when a grid item's resize operation ends. |\n| noc-move | `payload: MovePayload` | Notify when a grid item is being moved. |\n| noc-move-end | `payload: MovePayload` | Notify when a grid item's move operation ends. |\n\n","readmeFilename":"README.md","_id":"@noction/vue-draggable-grid@1.10.0-beta.5","_integrity":"sha512-ISKr8tLtIJgVXkGeaIJxj7VykLt/Pn9dUayuFLnI5HcwegmA9tYrYRlDWl0+ecTeIQCBphYz7uLwfTuOSanmvQ==","_resolved":"/private/var/folders/qv/99pgy70j6yv5kllt3n4llbvm0000gn/T/c3627618af15da1936add9408182a429/noction-vue-draggable-grid-1.10.0-beta.5.tgz","_from":"file:noction-vue-draggable-grid-1.10.0-beta.5.tgz","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-ISKr8tLtIJgVXkGeaIJxj7VykLt/Pn9dUayuFLnI5HcwegmA9tYrYRlDWl0+ecTeIQCBphYz7uLwfTuOSanmvQ==","shasum":"415ddeec36fdac9fb47e996901975cacc0f909a9","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.10.0-beta.5.tgz","fileCount":21,"unpackedSize":341928,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCBlNQcSe3BPyHczL2Ax0cOV/NKAEqCrtUaBogCIfX1MwIgfAMUKgUiCFpf0U7ehvCvP3mMl23nGwCHNQH/h4hASNQ="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.10.0-beta.5_1706176765864_0.44078559412108786"},"_hasShrinkwrap":false},"1.9.16":{"name":"@noction/vue-draggable-grid","version":"1.9.16","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.3.8"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.0","@types/jest":"^29.5.7","@vitejs/plugin-vue":"^4.4.0","@vitest/coverage-v8":"^0.34.6","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.1","cross-env":"^7.0.3","jsdom":"^22.1.0","sass":"^1.69.5","vite":"^4.5.0","vitest":"^0.34.6","vue-eslint-parser":"^9.3.2","vue-template-compiler":"^2.7.15","vue-tsc":"^1.8.22"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"_id":"@noction/vue-draggable-grid@1.9.16","_integrity":"sha512-aXezq1P2tBNnKwlo10JTmVvNlrV9gej0h87CMMmFbstkn8fm7XTyCmtz9b3spDrnJKtyvBxsfaW1ZiW9weI3AA==","_resolved":"/private/var/folders/qv/99pgy70j6yv5kllt3n4llbvm0000gn/T/ad46d8cf1f587cac825f192823d0cf70/noction-vue-draggable-grid-1.9.16.tgz","_from":"file:noction-vue-draggable-grid-1.9.16.tgz","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-aXezq1P2tBNnKwlo10JTmVvNlrV9gej0h87CMMmFbstkn8fm7XTyCmtz9b3spDrnJKtyvBxsfaW1ZiW9weI3AA==","shasum":"5a1fd2e1be9f49a753fba21c53aa6f7334479fd4","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.9.16.tgz","fileCount":20,"unpackedSize":340316,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmqLrU44lfmPIfM6Ke5GeObZHwgVcHsKIR35Cb9yjCxgIgfXV9Xw0x+CKN88wvfshx4QPlOrywla2KqUZaq1Pv3Hk="}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.9.16_1706194002982_0.9404552831232007"},"_hasShrinkwrap":false},"1.10.0":{"name":"@noction/vue-draggable-grid","version":"1.10.0","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","mitt":"^3.0.1","vue":"^3.4.14"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.6","@types/jest":"^29.5.11","@vitejs/plugin-vue":"^5.0.3","@vitest/coverage-v8":"^1.2.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.3","cross-env":"^7.0.3","jsdom":"^23.2.0","sass":"^1.69.7","vite":"^4.5.0","vitest":"^1.2.0","vue-eslint-parser":"^9.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^1.8.27"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit"},"_id":"@noction/vue-draggable-grid@1.10.0","_integrity":"sha512-IJgEz+opKPDtNvesAqMdXoUYRN8ZysftOaRUG8vA8KUCiRykM//VYw3PBezvTqb1ZYXfmu+Q1wbldBCVswdR3g==","_resolved":"/private/var/folders/qv/99pgy70j6yv5kllt3n4llbvm0000gn/T/750d34f470a67a3d09d35d6bdca2baa4/noction-vue-draggable-grid-1.10.0.tgz","_from":"file:noction-vue-draggable-grid-1.10.0.tgz","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-IJgEz+opKPDtNvesAqMdXoUYRN8ZysftOaRUG8vA8KUCiRykM//VYw3PBezvTqb1ZYXfmu+Q1wbldBCVswdR3g==","shasum":"751626ee7c5803eb1549543e85f3dbcffc7f6bfd","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.10.0.tgz","fileCount":21,"unpackedSize":342335,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCPGi8QOiWXaCS3TN0R5wHfohJFTVHYhfahz0uYa9UdJwIhAMn4qa+t8X2m1uGsg5duZXxHz8p8bnTCwGhxJCvlH8DU"}]},"_npmUser":{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},"directories":{},"maintainers":[{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.10.0_1707399170722_0.5681805473806123"},"_hasShrinkwrap":false},"1.10.1":{"name":"@noction/vue-draggable-grid","version":"1.10.1","type":"module","description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit","prepublishOnly":"pnpm build"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","vue":"^3.4.14"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@babel/types":"^7.23.6","@types/jest":"^29.5.11","@vitejs/plugin-vue":"^5.0.3","@vitest/coverage-v8":"^1.2.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.3","cross-env":"^7.0.3","jsdom":"^23.2.0","sass":"^1.69.7","vite":"^4.5.0","vitest":"^1.2.0","vue-eslint-parser":"^9.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^1.8.27"},"_id":"@noction/vue-draggable-grid@1.10.1","gitHead":"c26daeff5047f89d49632a0605036b39a02c90cf","_nodeVersion":"18.19.0","_npmVersion":"10.3.0","dist":{"integrity":"sha512-BFVljRxNjX5gxiRq1/3T9rQEFpueeujFU8C5ViPYFKEReIK+HD+e2hSKzQJRbj4kaUw9mOb1/OwXIaE/HkM2HQ==","shasum":"7b26af40cfdd50f463fcbaca06c3a0796d9c1554","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.10.1.tgz","fileCount":20,"unpackedSize":342228,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXtOChMJeDLXZYtKjnKdcbeqGZ57z6J+9d/nde4ANRcwIhAL+wYO/Na/zCcOGqgH0ExZq+ShmobaWgcU1wAf75MtDI"}]},"_npmUser":{"name":"terrarium789","email":"sellercsgo@gmail.com"},"directories":{},"maintainers":[{"name":"terrarium789","email":"sellercsgo@gmail.com"},{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.10.1_1710235892530_0.06970642812961803"},"_hasShrinkwrap":false},"1.11.0":{"name":"@noction/vue-draggable-grid","type":"module","version":"1.11.0","description":"Vue3 grid layout with resize, drag and responsive","author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","homepage":"https://noction.github.io/vue-draggable-grid/","repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","default":"./dist/index.js"},"./styles":"./dist/style.css"},"main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"dev":"vite","build:watch":"vite build --watch","build":"cross-env NODE_ENV=production vite build && vue-tsc --declaration --emitDeclarationOnly","preview":"vite preview","lint:es":"eslint \"src/**/*.{js,ts,vue}\" --fix --color","lint:style":"stylelint src/**/*.{css,scss,vue} --color --fix","test":"vitest","test:coverage":"vitest run --coverage","typecheck":"vue-tsc --noEmit","prepublishOnly":"pnpm build"},"peerDependencies":{"vue":"^3.2.0"},"dependencies":{"@interactjs/actions":"^1.10.20","@interactjs/auto-start":"^1.10.20","@interactjs/dev-tools":"^1.10.20","@interactjs/interactjs":"^1.10.20","@interactjs/modifiers":"^1.10.20","@types/element-resize-detector":"^1.1.5","element-resize-detector":"^1.2.4","vue":"^3.4.14"},"devDependencies":{"@babel/types":"^7.23.6","@types/jest":"^29.5.11","@vitejs/plugin-vue":"^5.0.3","@vitest/coverage-v8":"^1.2.0","@vue/eslint-config-typescript":"^12.0.0","@vue/test-utils":"^2.4.3","cross-env":"^7.0.3","jsdom":"^23.2.0","sass":"^1.69.7","vite":"^4.5.0","vitest":"^1.2.0","vue-eslint-parser":"^9.4.0","vue-template-compiler":"^2.7.16","vue-tsc":"^1.8.27"},"_id":"@noction/vue-draggable-grid@1.11.0","gitHead":"336feffd1e0e95002acedaa2be40670cf0ac8e06","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-9gzDF1sNE7Xll3oPJRhklrB9n9L5xl80/UIVoE+ARJjBv6ow9YWiFU6RtqjPXZm57BKMrmrbwiJfBfP6AztImA==","shasum":"ae07746ae5a7893a20813ca50dec794f0a6bbcd8","tarball":"https://registry.npmjs.org/@noction/vue-draggable-grid/-/vue-draggable-grid-1.11.0.tgz","fileCount":20,"unpackedSize":342329,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxDopAoBi1Q/rwU0lnY7+awNkz2R6dN4XsOiAqgS34AgIhAL0uC6bnhSIxNc71v72bXlBQ16X3F5zG4iU1/kGbZG+W"}]},"_npmUser":{"name":"50rayn","email":"soryngitlan@gmail.com"},"directories":{},"maintainers":[{"name":"terrarium789","email":"sellercsgo@gmail.com"},{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-draggable-grid_1.11.0_1712657255188_0.4694311782565066"},"_hasShrinkwrap":false}},"time":{"created":"2023-11-06T09:35:14.169Z","1.9.8":"2023-11-06T09:35:14.460Z","modified":"2024-04-09T10:07:35.500Z","1.9.9":"2023-11-06T10:39:54.437Z","1.9.10":"2023-11-07T19:23:54.135Z","1.9.11":"2023-11-08T19:37:37.367Z","1.9.12":"2024-01-06T21:15:41.216Z","1.9.14":"2024-01-12T16:06:15.544Z","1.9.15":"2024-01-15T10:26:03.956Z","1.10.0-beta.1":"2024-01-17T12:40:23.608Z","1.10.0-beta.2":"2024-01-22T11:09:49.358Z","1.10.0-beta.4":"2024-01-22T11:56:44.920Z","1.10.0-beta.5":"2024-01-25T09:59:26.053Z","1.9.16":"2024-01-25T14:46:43.204Z","1.10.0":"2024-02-08T13:32:50.877Z","1.10.1":"2024-03-12T09:31:32.714Z","1.11.0":"2024-04-09T10:07:35.324Z"},"maintainers":[{"name":"terrarium789","email":"sellercsgo@gmail.com"},{"name":"melrose1","email":"poltoratchi1369@gmail.com"},{"name":"lwvemike","email":"plamadeala.mihai002@gmail.com"},{"name":"50rayn","email":"soryngitlan@gmail.com"}],"description":"Vue3 grid layout with resize, drag and responsive","homepage":"https://noction.github.io/vue-draggable-grid/","keywords":["grid","grid-layout","layout","resize","drag","vue3","vue","composition-api","typescript"],"repository":{"type":"git","url":"git+https://github.com/Noction/draggable-grid.git"},"author":{"name":"Mihai Plamadeala","email":"plamadeala.mihai002@gmail.com"},"bugs":{"url":"https://github.com/Noction/draggable-grid/issues","email":"plamadeala.mihai002@gmail.com"},"license":"MIT","readme":"# vue-draggable-grid\n[![NPM package](https://img.shields.io/npm/v/@noction/vue-draggable-grid.svg?style=flat-square)](https://www.npmjs.com/package/@noction/vue-draggable-grid)\n[![NPM monthly downloads](https://img.shields.io/npm/dm/@noction/vue-draggable-grid.svg?style=flat)](https://npmjs.com/package/@noction/vue-draggable-grid)\n[![codecov](https://codecov.io/gh/Noction/vue-draggable-grid/branch/main/graph/badge.svg?token=C5NGW1BC2N)](https://codecov.io/gh/Noction/vue-draggable-grid)\n[![code style](https://antfu.me/badge-code-style.svg)](https://github.com/antfu/eslint-config)\n\nGrid layout for vue 3 with draggable, resize, responsive events\n\nRewrote to TypeScript, Composition API and migrated to Vue3\n\n### Usage\n```js\nimport { createApp } from 'vue'\nimport VueDraggableGrid from '@noction/vue-draggable-grid'\nimport App from './App.vue'\nimport '@noction/vue-draggable-grid/styles'\n\nconst app = createApp(App)\n\napp.use(VueDraggableGrid)\n\napp.mount('#app')\n```\n```vue\n\n\n\n```\nor\n```vue\n\n\n\n```\n\n### Props\n\n#### GridLayout Props\n\n_Properties with no default values are **Required**_\n\n| Name | Type | Default Value | Description |\n|--------------------------------|------------------------------|------------------------------------------------------|-------------------------------------------------|\n| colNum | `number` | | Number of columns in the grid. |\n| layout | `Layout` | | Initial layout of the grid. |\n| autoSize | `boolean` | `true` | Automatically adjust the size of items. |\n| breakpoints | `Breakpoints` | `{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }` | Responsive breakpoints for grid. |\n| cols | `Breakpoints` | `{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }` | Number of columns at different breakpoints. |\n| horizontalShift | `boolean` | `false` | Allow horizontal shifting of items. |\n| intersectionObserverConfig | `IntersectionObserverConfig` | `{ root: null, rootMargin: '8px', threshold: 0.40 }` | Configuration for the Intersection Observer. |\n| isDraggable | `boolean` | `true` | Enable dragging of grid items. |\n| isResizable | `boolean` | `true` | Enable resizing of grid items. |\n| margin | `number[]` | `[10, 10]` | Margin around grid items. |\n| maxRows | `number` | `Infinity` | Maximum number of rows in the grid. |\n| preventCollision | `boolean` | `false` | Prevent items from colliding with each other. |\n| responsive | `boolean` | `false` | Enable responsive layout. |\n| responsiveLayouts | `ResponsiveLayout` | `{}` | Responsive layouts for different breakpoints. |\n| rowHeight | `number` | `150` | Height of each row in the grid. |\n| useCssTransforms | `boolean` | `true` | Use CSS transforms for positioning. |\n| useObserver | `boolean` | `false` | Use Intersection Observer for item visibility. |\n| verticalCompact | `boolean` | `true` | Enable vertical compacting of items. |\n\n#### GridItem Props\n\n_Properties with no default values are **Required**_\n\n| Name | Type | Default Value | Description |\n|----------------------|----------------------------------------|-------------------|----------------------------------------------------|\n| breakpointCols | `Breakpoints` | | Number of columns at different breakpoints. |\n| colNum | `number` | | Number of columns in the grid. |\n| containerWidth | `number` | | Width of the container. |\n| h | `number` | | Height of the grid item. |\n| id | `Id` | | Unique identifier for the grid item. |\n| isDraggable | `boolean` | | Enable dragging of the grid item. |\n| isResizable | `boolean` | | Enable resizing of the grid item. |\n| lastBreakpoint | `BreakpointsKeys` | | Last breakpoint at which the item was resized. |\n| margin | `number[]` | | Margin around the grid item. |\n| maxRows | `number` | | Maximum number of rows the item can occupy. |\n| rowHeight | `number` | | Height of each row the item occupies. |\n| useCssTransforms | `boolean` | | Use CSS transforms for positioning. |\n| w | `number` | | Width of the grid item. |\n| x | `number` | | X position of the grid item. |\n| y | `number` | | Y position of the grid item. |\n| dragAllowFrom | `string \\| null` | `null` | Selector for allowing drag from specific elements. |\n| dragIgnoreFrom | `string` | `'a, button'` | Selector for elements to ignore during drag. |\n| dragOption | `object` | `{}` | Options for configuring drag behavior. |\n| maxH | `number` | `Infinity` | Maximum height of the grid item. |\n| maxW | `number` | `Infinity` | Maximum width of the grid item. |\n| minH | `number` | `1` | Minimum height of the grid item. |\n| minW | `number` | `1` | Minimum width of the grid item. |\n| observer | `IntersectionObserver \\| undefined` | `undefined` | Intersection Observer for item visibility. |\n| isStatic | `boolean` | `false` | Make the grid item static (non-draggable). |\n\n### Custom Events\n\n_Every custom event is prefixed with `noc` so it will not collide with default events_\n\n_This does not include events that update a value written in a `v-model`_\n\n#### GridLayout Events\n\n| Name | Payload | Description |\n|----------------------------|-----------------------------------------|----------------------------------------------------|\n| noc-intersection-observe | `id: Id[]` | Notify when items are observed for intersection. |\n| noc-intersection-unobserve | `id: Id[]` | Notify when items are unobserved for intersection. |\n| noc-item-move | `GridItemEvents['noc-move']` | Notify when a grid item is being moved. |\n| noc-item-move-end | `GridItemEvents['noc-move-end']` | Notify when a grid item's move operation ends. |\n| noc-item-resize | `GridItemEvents['noc-resize']` | Notify when a grid item is being resized. |\n| noc-item-resize-end | `GridItemEvents['noc-resize-end']` | Notify when a grid item's resize operation ends. |\n| noc-layout-before-mount | `layout: Layout` | Notify before the grid layout is mounted. |\n| noc-layout-create | `layout: Layout` | Notify when a new layout is created. |\n| noc-layout-mount | `layout: Layout` | Notify when the grid layout is mounted. |\n| noc-layout-ready | `layout: Layout` | Notify when the grid layout is ready. |\n| noc-layout-update | `layout: Layout` | Notify when the grid layout is updated. |\n| noc-resize-container | `payload: ResizePayload` | Notify when the container is resized. |\n\n#### GridLayout `v-model`\n\n_`v-model`'s are not prefixed with `noc`_\n\n| Name | Payload | Description |\n|--------------------|--------------------------------|-------------------------|\n| update:layout | `layout: Layout` | Updates the Layout |\n| update:breakpoints | `breakpoints: BreakpointsKeys` | Updates the Breakpoints |\n\n#### GridItem Events\n\n| Name | Payload | Description |\n|----------------------|-------------------------------|---------------------------------------------------|\n| noc-resize-container | `payload: ResizePayload` | Notify when the container is resized. |\n| noc-resize | `payload: ResizePayload` | Notify when a grid item is being resized. |\n| noc-resize-end | `payload: ResizePayload` | Notify when a grid item's resize operation ends. |\n| noc-move | `payload: MovePayload` | Notify when a grid item is being moved. |\n| noc-move-end | `payload: MovePayload` | Notify when a grid item's move operation ends. |\n","readmeFilename":"README.md"}