{"_id":"@butlerov-chemistry/vue","_rev":"8-0be78245b00576bebc526224bcd19438","name":"@butlerov-chemistry/vue","dist-tags":{"latest":"0.1.7"},"versions":{"0.1.0":{"name":"@butlerov-chemistry/vue","version":"0.1.0","keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","_id":"@butlerov-chemistry/vue@0.1.0","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"homepage":"https://github.com/eizemazal/butlerov#readme","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"dist":{"shasum":"caa32d217eab0772ea73c62e3018f78aa11f5be6","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.0.tgz","fileCount":9,"integrity":"sha512-d9WAh867BPEsP9NYEsKtHUQNzteLIV7zbJ7ng+kjw+n0kNvK+pN5I25dDwn+Yy4zN5p76dbwyZrj7u4AQBZ/9w==","signatures":[{"sig":"MEUCIQD2tPEk3j3lJDWOzP5xUF1faedIW591byGvhzXkT0JJzQIgb/OhFoqMMUO5PzC8q7UDW3suLQsqytEaHsl2NcKTU1E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":706049},"main":"dist/vue-butlerov.umd.js","type":"module","types":"dist/VueButlerov.vue.d.ts","module":"src/index.ts","exports":{"import":"./dist/index.es.js","require":"./dist/index.js"},"gitHead":"28173fe852d616799b4a860c8e0532c4ff84df78","scripts":{"dev":"vite","lint":"eslint","test":"playwright test","build":"vite build","test:browser":"vitest --workspace=vitest.workspace.ts"},"_npmUser":{"name":"au1985","actor":{"name":"au1985","type":"user","email":"austinov@yandex.ru"},"email":"austinov@yandex.ru"},"repository":{"url":"git+https://github.com/eizemazal/butlerov.git","type":"git"},"_npmVersion":"10.8.2","description":"Butlerov 2D chemical drawing component for Vue.js","directories":{},"_nodeVersion":"20.19.3","dependencies":{"@butlerov-chemistry/core":"^0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vue-tsc":"^1.0.0","playwright":"^1.50.1","typescript":"^5.0.0","@vitest/browser":"^3.0.6","@vue/test-utils":"^2.4.6","@playwright/test":"^1.53.2","eslint-plugin-vue":"^9.32.0","@vitejs/plugin-vue":"^5.2.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.0_1752144308881_0.3897804106669658","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@butlerov-chemistry/vue","version":"0.1.1","keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","_id":"@butlerov-chemistry/vue@0.1.1","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"homepage":"https://github.com/eizemazal/butlerov#readme","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"dist":{"shasum":"7c6ee247d4534b007c7dccddbe1769e02556ee07","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.1.tgz","fileCount":8,"integrity":"sha512-YzKRk3UKWxWULKVDj1wB9hNLJ3pK+6iGvErlnczQ7lD3BdwFpUF5XfhSptNCazuauee3qhusD1zeO5ZF66cqMA==","signatures":[{"sig":"MEYCIQCKxa9SV+WeR7rLqljaDr7pUQ5uIcmWg1u5MTQWq7mfygIhAM5wMu1DD4GYexhDF3z+AcSMlcOCiZ654+VRASSa8Mga","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11394},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.es.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"f052d57f39988ece7b0907a9095d66c6bdd46df6","scripts":{"dev":"vite","lint":"eslint","test":"playwright test","build":"vite build","test:browser":"vitest --workspace=vitest.workspace.ts"},"_npmUser":{"name":"au1985","email":"austinov@yandex.ru"},"repository":{"url":"git+https://github.com/eizemazal/butlerov.git","type":"git"},"_npmVersion":"10.8.2","description":"Butlerov 2D chemical drawing component for Vue.js","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@butlerov-chemistry/core":"^0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vue-tsc":"^1.0.0","playwright":"^1.50.1","typescript":"^5.0.0","@vitest/browser":"^3.0.6","@vue/test-utils":"^2.4.6","@playwright/test":"^1.53.2","eslint-plugin-vue":"^9.32.0","@vitejs/plugin-vue":"^5.2.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.1_1766583078300_0.661254043832652","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@butlerov-chemistry/vue","version":"0.1.2","keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","_id":"@butlerov-chemistry/vue@0.1.2","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"homepage":"https://github.com/eizemazal/butlerov#readme","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"dist":{"shasum":"6ef7ac3bb60cd3fb375818e853d385f66bc7aff2","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.2.tgz","fileCount":8,"integrity":"sha512-sRw4gjKnmHW/d2EJ0Z13d2iXxlLv/7LIDxuX/QwlETMhuZM40aoI1F+htqvum3R161aEPOwsa/r+C1oqTSKmPw==","signatures":[{"sig":"MEUCIQDIaPzyh15RGWkE3wHFLNyauaevYPZ0agYO2JCtZVE9jwIgAxISG8EBgZgwBn+Bri/vbfIfz6ULHJyglDQc1bF7PAE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11394},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.es.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"26bff4d45ce68cae2bbf54d2056bc29983eb9618","scripts":{"dev":"vite","lint":"eslint","test":"playwright test","build":"vite build","test:browser":"vitest --workspace=vitest.workspace.ts"},"_npmUser":{"name":"au1985","email":"austinov@yandex.ru"},"repository":{"url":"git+https://github.com/eizemazal/butlerov.git","type":"git"},"_npmVersion":"10.8.2","description":"Butlerov 2D chemical drawing component for Vue.js","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@butlerov-chemistry/core":"^0.1.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vue-tsc":"^1.0.0","playwright":"^1.50.1","typescript":"^5.0.0","@vitest/browser":"^3.0.6","@vue/test-utils":"^2.4.6","@playwright/test":"^1.53.2","eslint-plugin-vue":"^9.32.0","@vitejs/plugin-vue":"^5.2.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.2_1766586076172_0.4857500072147929","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@butlerov-chemistry/vue","version":"0.1.3","keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","_id":"@butlerov-chemistry/vue@0.1.3","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"homepage":"https://github.com/eizemazal/butlerov#readme","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"dist":{"shasum":"3b17c04cf780ab9f44c9d370f281df2c3f5018a0","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.3.tgz","fileCount":8,"integrity":"sha512-mfxwB4HpNDxGYIF/IYqojAZXwDOzpnEDNod+DD3Scn1PxQR0GHElVHTUziEHjCf4LCbjtjNq5CY0UODinod4yA==","signatures":[{"sig":"MEUCIQDU3N10O9eJgkrtv5R1xmcGnVJY3vdrDUjMaYRea80W7gIgMJ73MbMTOp4AUjZypDNCUeuJDEKLlHd1AHEPFAA/ApI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11394},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.es.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"83d230ec3f40efed1f198ad0e689e26e425fca71","scripts":{"dev":"vite","lint":"eslint","test":"playwright test","build":"vite build","test:browser":"vitest --workspace=vitest.workspace.ts"},"_npmUser":{"name":"au1985","email":"austinov@yandex.ru"},"repository":{"url":"git+https://github.com/eizemazal/butlerov.git","type":"git"},"_npmVersion":"10.8.2","description":"Butlerov 2D chemical drawing component for Vue.js","directories":{},"_nodeVersion":"20.19.6","dependencies":{"@butlerov-chemistry/core":"^0.1.3"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.1.0","vue-tsc":"^1.0.0","playwright":"^1.50.1","typescript":"^5.0.0","@vitest/browser":"^3.0.6","@vue/test-utils":"^2.4.6","@playwright/test":"^1.53.2","eslint-plugin-vue":"^9.32.0","@vitejs/plugin-vue":"^5.2.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.3_1766586452825_0.989567298068118","host":"s3://npm-registry-packages-npm-production"}},"0.1.4":{"name":"@butlerov-chemistry/vue","version":"0.1.4","keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","_id":"@butlerov-chemistry/vue@0.1.4","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"homepage":"https://github.com/eizemazal/butlerov#readme","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"dist":{"shasum":"11ae23b9e54e2f2d2524450ddd923c9da6e417b3","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.4.tgz","fileCount":8,"integrity":"sha512-X/2LMRAJIeK9B1ae2ZixINDdmK0G3inpt+/0cEpzFjL+aCpExfv/eFzQF/8SFDBgsFiEFXDmz4qVfC2MTlrN/A==","signatures":[{"sig":"MEQCIBIKxer9mWjea4khjHOvZCCSWhxkBNJ/EjT9HXWqduVgAiAZ5YiCFbv2jyQdtOqPlyOQT0a+R3TlUTBJ07gYzQEO7g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@butlerov-chemistry%2fvue@0.1.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":20461},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.es.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"b767341cfc441180e13e0736d12f12b9ab8bf3e2","scripts":{"dev":"vite","lint":"eslint","test":"playwright test","build":"vite build","test:browser":"vitest --workspace=vitest.workspace.ts"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:77e9b715-322e-4f58-b063-9462e35952a7"}},"repository":{"url":"git+https://github.com/eizemazal/butlerov.git","type":"git"},"_npmVersion":"11.5.1","description":"Butlerov 2D chemical drawing component for Vue.js","directories":{},"_nodeVersion":"24.14.0","dependencies":{"@butlerov-chemistry/core":"0.1.4"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","vue-tsc":"^1.8.27","playwright":"^1.53.2","typescript":"^5.8.2","@vitest/browser":"^3.0.9","@vue/test-utils":"^2.4.6","@playwright/test":"^1.53.2","eslint-plugin-vue":"^9.32.0","@vitejs/plugin-vue":"^5.2.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.4_1774732928320_0.32913830157426793","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"@butlerov-chemistry/vue","version":"0.1.5","keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","_id":"@butlerov-chemistry/vue@0.1.5","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"homepage":"https://github.com/eizemazal/butlerov#readme","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"dist":{"shasum":"bdd8b03439fdff728e6f124c3079739c353112b2","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.5.tgz","fileCount":8,"integrity":"sha512-ONRJppa3xysZcqT2MG/Gm/+NtftjHXJCViM8wx0F3/z0riLD0QwBdHkqbYQUKvp1RgbAl6bFMAoSHSai6UFtVw==","signatures":[{"sig":"MEYCIQDvkylgfVYPgLZ1CLNVJWqnOlET7AyrIHzWHDHPP78o1QIhAMmbbvaztbuhYIbghUD350kh4jZfA4g8I1fw8dNfBlPl","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@butlerov-chemistry%2fvue@0.1.5","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":26954},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.es.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"d2391f4e09f625c4fa27b738b16452e3e3566237","scripts":{"dev":"vite","lint":"eslint","test":"playwright test","build":"vite build","test:browser":"vitest --workspace=vitest.workspace.ts"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:77e9b715-322e-4f58-b063-9462e35952a7"}},"repository":{"url":"git+https://github.com/eizemazal/butlerov.git","type":"git"},"_npmVersion":"11.5.1","description":"Butlerov 2D chemical drawing component for Vue.js","directories":{},"_nodeVersion":"24.14.0","dependencies":{"@butlerov-chemistry/core":"0.1.5"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","vue-tsc":"^1.8.27","playwright":"^1.53.2","typescript":"^5.8.2","@vitest/browser":"^3.0.9","@vue/test-utils":"^2.4.6","@playwright/test":"^1.53.2","eslint-plugin-vue":"^9.32.0","@vitejs/plugin-vue":"^5.2.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.5_1774873710067_0.7177629864191499","host":"s3://npm-registry-packages-npm-production"}},"0.1.6":{"name":"@butlerov-chemistry/vue","version":"0.1.6","keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","_id":"@butlerov-chemistry/vue@0.1.6","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"homepage":"https://github.com/eizemazal/butlerov#readme","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"dist":{"shasum":"74bcd754a247f46f4745ba2afec120ee9df40e7f","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.6.tgz","fileCount":8,"integrity":"sha512-P7fPoCj0Q5thR8GstKBuM/Gk4PUlZxqqFaBYC7a4MGhnAMG55IxAP0pTCuFnMPvrbtkqK0J+jJk/V0V9tl66tg==","signatures":[{"sig":"MEUCIBiPvjOqxSr/q/L+nYDJ9zVoEmnG5CICXHpT/qAFxXQsAiEAkPyrELEyCkEWmFo3v552ecq+ytyR2ReWvU8ip+mKGj8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@butlerov-chemistry%2fvue@0.1.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":35329},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.es.js","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.es.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"4679d8eb8b0986f2c9838851d67ca318b4ea54ee","scripts":{"dev":"vite","lint":"eslint","test":"playwright test","build":"vite build","test:browser":"vitest --workspace=vitest.workspace.ts"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:77e9b715-322e-4f58-b063-9462e35952a7"}},"repository":{"url":"git+https://github.com/eizemazal/butlerov.git","type":"git"},"_npmVersion":"11.5.1","description":"Butlerov 2D chemical drawing component for Vue.js","directories":{},"_nodeVersion":"24.14.0","dependencies":{"@butlerov-chemistry/core":"0.1.6"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","vue-tsc":"^1.8.27","playwright":"^1.53.2","typescript":"^5.8.2","@vitest/browser":"^3.0.9","@vue/test-utils":"^2.4.6","@playwright/test":"^1.53.2","eslint-plugin-vue":"^9.32.0","@vitejs/plugin-vue":"^5.2.1"},"peerDependencies":{"vue":"^3.0.0"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.6_1774988925010_0.059588982665495394","host":"s3://npm-registry-packages-npm-production"}},"0.1.7":{"name":"@butlerov-chemistry/vue","version":"0.1.7","description":"Butlerov 2D chemical drawing component for Vue.js","type":"module","main":"./dist/index.js","module":"./dist/index.es.js","types":"./dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.es.js"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}},"./style.css":"./dist/vue.css"},"scripts":{"build":"vite build","lint":"eslint","dev":"vite","test":"playwright test","test:browser":"vitest --workspace=vitest.workspace.ts"},"repository":{"type":"git","url":"git+https://github.com/eizemazal/butlerov.git"},"keywords":["chemistry","drawing","2D","chemical","structure"],"author":{"name":"Alex Ustinov"},"license":"MIT","bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"homepage":"https://github.com/eizemazal/butlerov#readme","dependencies":{"@butlerov-chemistry/core":"0.1.6"},"peerDependencies":{"vue":"^3.0.0"},"devDependencies":{"@playwright/test":"^1.53.2","@vitejs/plugin-vue":"^5.2.1","@vitest/browser":"^3.0.9","@vue/test-utils":"^2.4.6","eslint-plugin-vue":"^9.32.0","playwright":"^1.53.2","typescript":"^5.8.2","vite":"^6.2.0","vue-tsc":"^1.8.27"},"_id":"@butlerov-chemistry/vue@0.1.7","gitHead":"e4e64ae461832ce63bfeb5ff260ac8501edbac80","_nodeVersion":"24.14.1","_npmVersion":"11.5.1","dist":{"integrity":"sha512-EwgIfcVDMa7UBcMQcUOfDzOSGar5+ouZIP4iLZWidG7ifWlkTDSKq/RCGEKkYBCWKuaObqTv3fd3BEa0aYg31w==","shasum":"d635e29c9116249915adf333cd91f513fed6f6ef","tarball":"https://registry.npmjs.org/@butlerov-chemistry/vue/-/vue-0.1.7.tgz","fileCount":8,"unpackedSize":35367,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@butlerov-chemistry%2fvue@0.1.7","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAU0oulnpCTuxKqiFx1gwJyWznMz7zrD/bEJDxDYrDQ0AiEA+cFSJtxigIfF7J8T+z+cRoZpdKQsRIMptSE6k7WeONc="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:77e9b715-322e-4f58-b063-9462e35952a7"}},"directories":{},"maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue_0.1.7_1775229517213_0.9212399344639872"},"_hasShrinkwrap":false}},"time":{"created":"2025-07-10T10:45:08.782Z","modified":"2026-04-03T15:18:37.701Z","0.1.0":"2025-07-10T10:45:09.097Z","0.1.1":"2025-12-24T13:31:18.443Z","0.1.2":"2025-12-24T14:21:16.316Z","0.1.3":"2025-12-24T14:27:32.962Z","0.1.4":"2026-03-28T21:22:08.498Z","0.1.5":"2026-03-30T12:28:30.260Z","0.1.6":"2026-03-31T20:28:45.216Z","0.1.7":"2026-04-03T15:18:37.358Z"},"bugs":{"url":"https://github.com/eizemazal/butlerov/issues"},"author":{"name":"Alex Ustinov"},"license":"MIT","homepage":"https://github.com/eizemazal/butlerov#readme","keywords":["chemistry","drawing","2D","chemical","structure"],"repository":{"type":"git","url":"git+https://github.com/eizemazal/butlerov.git"},"description":"Butlerov 2D chemical drawing component for Vue.js","maintainers":[{"name":"au1985","email":"austinov@yandex.ru"}],"readme":"# `@butlerov-chemistry/vue`\n\nVue 3 wrapper around [`@butlerov-chemistry/core`](../core/README.md).\n\nUse it as a full-size chemical editor with:\n- native graph binding (`v-model`)\n- MOL string binding (`v-model:mol`)\n- style/theme customization\n- optional computed descriptors (`mw`, `formula`, `formula_html`, `exact_mass`)\n\n---\n\n## Install\n\n```bash\nnpm i @butlerov-chemistry/vue\n```\n\nPeer dependency: `vue` `^3.0.0`.\n\n---\n\n## Simplest Example\n\n```vue\n<template>\n  <div class=\"editor\">\n    <VueButlerov v-model=\"graph\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport VueButlerov from \"@butlerov-chemistry/vue\";\nimport type { Graph } from \"@butlerov-chemistry/core\";\n\nconst graph = ref<Graph>({\n  type: \"Graph\",\n  vertices: [],\n  edges: [],\n});\n</script>\n\n<style scoped>\n.editor {\n  height: 420px;\n  border: 1px solid #ddd;\n}\n</style>\n```\n\nGive the component container a non-zero height (`height`, flex layout, grid row, etc.).  \n`VueButlerov` fills container width/height.\n\n---\n\n## Binding Modes\n\nUse **exactly one** input channel at a time:\n- `v-model` (native graph/document)\n- `v-model:mol` (MOL string)\n\n### Native model (`v-model`)\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport VueButlerov from \"@butlerov-chemistry/vue\";\nimport type { Graph } from \"@butlerov-chemistry/core\";\n\nconst graph = ref<Graph>({ type: \"Graph\", vertices: [], edges: [] });\n</script>\n\n<template>\n  <div class=\"editor\">\n    <VueButlerov v-model=\"graph\" />\n  </div>\n</template>\n```\n\n### MOL model (`v-model:mol`)\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport VueButlerov from \"@butlerov-chemistry/vue\";\n\nconst mol = ref(\"\");\n</script>\n\n<template>\n  <div class=\"editor\">\n    <VueButlerov v-model:mol=\"mol\" />\n  </div>\n</template>\n```\n\n---\n\n## Style, Theme, and Settings\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport VueButlerov from \"@butlerov-chemistry/vue\";\nimport { defaultStyle, type Graph, type Style } from \"@butlerov-chemistry/core\";\n\nconst graph = ref<Graph>({ type: \"Graph\", vertices: [], edges: [] });\nconst style = ref<Style>({\n  ...defaultStyle,\n  atom_font_size_px: 18,\n  bond_thickness_px: 2,\n  themes: defaultStyle.themes.map(t => ({ ...t })),\n});\nconst theme = ref(\"dark\");\nconst readonly = ref(false);\n</script>\n\n<template>\n  <div class=\"editor\">\n    <VueButlerov\n      v-model=\"graph\"\n      :style=\"style\"\n      :theme=\"theme\"\n      :disabled=\"readonly\"\n      :autofocus=\"true\"\n      :zoom-fit-padding=\"0.08\"\n      :copyable=\"true\"\n    />\n  </div>\n</template>\n```\n\n---\n\n## Descriptor API (Lazy + Debounced)\n\n`VueButlerov` can compute descriptors and expose them via `v-model:descriptors`.\nOnly requested keys are computed.\n\n```vue\n<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport VueButlerov from \"@butlerov-chemistry/vue\";\nimport type { Graph } from \"@butlerov-chemistry/core\";\nimport type { VueButlerovDescriptorValues } from \"@butlerov-chemistry/vue\";\n\nconst graph = ref<Graph>({ type: \"Graph\", vertices: [], edges: [] });\nconst descriptors = ref<VueButlerovDescriptorValues>({});\n</script>\n\n<template>\n  <VueButlerov\n    v-model=\"graph\"\n    :descriptor-keys=\"['mw', 'formula_html']\"\n    v-model:descriptors=\"descriptors\"\n    :descriptor-debounce-ms=\"{ mw: 120, formula_html: 40 }\"\n  />\n\n  <p>MW: {{ typeof descriptors.mw === 'number' ? descriptors.mw.toFixed(2) : '' }}</p>\n  <p v-html=\"descriptors.formula_html || ''\"></p>\n</template>\n```\n\nSupported keys:\n- `mw`\n- `formula`\n- `formula_html`\n- `exact_mass`\n\n---\n\n## Props\n\n| Prop | Type | Default | Description |\n|---|---|---|---|\n| `modelValue` | native model | `undefined` | Native input channel (`v-model`). |\n| `mol` | `string` | `undefined` | MOL input channel (`v-model:mol`). |\n| `mode` | `\"structure\" \\| \"scheme\"` | `\"structure\"` | Editor mode. |\n| `style` | `Style` | `defaultStyle` | Drawing style object. |\n| `theme` | `Theme \\| string` | `\"light\"` | Theme name/object. |\n| `copyable` | `boolean` | `true` | Show hover copy button. |\n| `disabled` | `boolean` | `false` | Read-only editor. |\n| `autofocus` | `boolean` | `true` | Focus stage on mount. |\n| `zoomFitPadding` | `number` | `0.05` | Extra zoom-to-fit margin ratio. |\n| `descriptorKeys` | descriptor key array | `[]` | Which descriptors to compute. |\n| `descriptors` | descriptor map | `{}` | `v-model:descriptors` value. |\n| `descriptorDebounceMs` | partial map | `{}` | Optional per-descriptor debounce override. |\n\n---\n\n## Events\n\n| Event | Payload |\n|---|---|\n| `update:modelValue` | native model |\n| `update:mol` | `string` |\n| `update:descriptors` | descriptor map |\n| `error` | `Error` |\n\n---\n\n## Exposed Instance\n\n`VueButlerov` exposes:\n- `editor` (`MoleculeEditor`)\n\nUseful for advanced integration/tests.\n\n---\n\n## Related\n\n- [Core library (`@butlerov-chemistry/core`)](../core/README.md)\n- [Desktop app](../app/README.md)\n- [Repository README](../../README.md)\n","readmeFilename":"README.md"}