{"_id":"@andikasujanadi/jendela.js","_rev":"11-6aaf57ced063ef606e0a0c01563cdfe5","name":"@andikasujanadi/jendela.js","dist-tags":{"latest":"1.0.11"},"versions":{"1.0.0":{"name":"@andikasujanadi/jendela.js","version":"1.0.0","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.0","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"dist":{"shasum":"1dbbbdeb874ee9599153fd7d0529ae0597b825ee","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.0.tgz","fileCount":13,"integrity":"sha512-KcH3kqFmbRDpCbAqj0v0GIMhoV5OQOeWf4rRcdLHTb7KB20ApWJ9MW6nhdOY/tgToUplGszqkD3F894CoiCqOw==","signatures":[{"sig":"MEYCIQCaZK5mx+hS1OGsrBmxd1pxst/6oRcHn5WGsAtQSfOawwIhAMR1B/vnHT0j//UgVHKeM/Sj/CQ3Mil1KC1PmX7GWho/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":169875},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"82614bb1dee9b0dfd1b64cd57134514b7027e882","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.0_1737207346292_0.48633922442836375","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@andikasujanadi/jendela.js","version":"1.0.1","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.1","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"d424f3e0650c607364ab1039bb5007aeaac0c953","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.1.tgz","fileCount":13,"integrity":"sha512-S+V455DWsnBpFNyou7qcWHeqoo4rlx6/R/2/XqGvINESI5R5tNZ6H9WCeuPIeW+ooZ59gKEfj9XkS3TAewu8Cw==","signatures":[{"sig":"MEUCIDsBHQktDzUowbU+ymMlZLpnh2b4Au9F8Pr/PyqF3hgGAiEAgvvKyG4eDVHq3vRsAsDer6Dj3xeR3WWxThVOwlYTLek=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":170067},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"c816700ca7c91577e5bcd834707405eefd855368","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.1_1737207663281_0.5443644142623756","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@andikasujanadi/jendela.js","version":"1.0.2","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.2","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"5dbe0e0829c898155b342b748b17e95915b8ec92","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.2.tgz","fileCount":13,"integrity":"sha512-rO88NnoksZO7bKmyQdcyyc2s3oke9VnHTVsM/CZT5QnGHuvsn6T/VAukAMfS9wu3wQFWGv0ZFFc4e9GsrSks5w==","signatures":[{"sig":"MEQCIEG1U8c49jxQ0Q3TyJOLr1mMGf2MBtsIWYNPDb9/OVIQAiATnHz/bvO+aDLk+dhroSCQlgpFvQGwnRYAVOKApSlJVA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171104},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"02f5d80bbeb3b2a61360a7c5595e4b3e7ef4ab1d","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.2_1737210196805_0.8789413927488334","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@andikasujanadi/jendela.js","version":"1.0.3","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.3","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"01c0c253d8cc35b4de9a4ef6d28e69e9c6009e0d","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.3.tgz","fileCount":13,"integrity":"sha512-PEMX+Yx3GP3AeImJfEyrHTDBDrY5dPHtJmxDtJQMFDGopzey8b0KOEE9aexLrmHHAcnxTIIELmweV4DnWHKT+A==","signatures":[{"sig":"MEUCIFv9jLlrpY518mkrEXqOFU/pZ7EepqKvui6VQdyvRnc3AiEAowDRaMUl/DGFtS+OlZPNXRnJ6NXLKloWBC8/qjWh5vc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171152},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"af7d501c2c98d91f4d782b3bab4137a89e6b14c1","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.3_1737215208115_0.7861299928303498","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@andikasujanadi/jendela.js","version":"1.0.4","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.4","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"245fd7c2b67fde9c11be0a8db9c8febc6781c132","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.4.tgz","fileCount":13,"integrity":"sha512-BTYNnHzqRQradQDZ73QvILh7YVZFomuOMgCeVpd7pDKL+XdzTFC3yu3+f1Y5yhCsmHj7fm7Ll5jRUhttJd+byw==","signatures":[{"sig":"MEQCIFFRL70p/idVsPVZ4z7lsAayX4eX53fBrYibyrHvoHmMAiAXBxfE+oDkqM04uB6buSO8lYtKXDaFtfnFQDHbYs0Bew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":171152},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"d2b66f17969bae62100b3067eb2356e3dd255879","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.4_1737216260306_0.456516553836821","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@andikasujanadi/jendela.js","version":"1.0.5","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.5","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"c02b9b35c97886686827fc0b12f9b561caa8e437","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.5.tgz","fileCount":12,"integrity":"sha512-MAkCI+uEfc4qAananzsKM7GDlJfJJ3etA4dYpbR63nWZQlm0mPSi4eSuDGXoP0RnHI6RNZRD3FPKecH8F92NhA==","signatures":[{"sig":"MEYCIQCmiFgPd/gQgfFgzC+TET2ejaWH+0Ke01UPqgiSBjvb0QIhAKjiRi0D1MzUf49QfSGZ4OYlM75f4ZwHkeiAcm8w6p9/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148428},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"c1e669ec980969a0d63f45ada2749067163e85fd","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.5_1737218557054_0.41568506700798946","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@andikasujanadi/jendela.js","version":"1.0.6","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.6","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"a0b0fbcd9b0037bf47a29d226f598dfbd34837f4","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.6.tgz","fileCount":12,"integrity":"sha512-hqz4eJtuGHyujr0ziGvJss96PxrUSbsWO7aTlFsLgnGys0CCIFgAsB0Kugus2dvyuv2T4e1iswyQBzpQu0/fGg==","signatures":[{"sig":"MEYCIQC5XoutpnejO5YpdRlXNp91aQr3slz9XLW0ecSExKWTcQIhAL2P3fB8rInnAAm7qBc9k84qfmHRu9VTHVUlBGHIxzE0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149411},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"c917f0a23831374e9b438a6eaa2a98d9a1711ec4","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.6_1737224589749_0.21630246992831448","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@andikasujanadi/jendela.js","version":"1.0.7","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.7","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"f0c0dd2a1adc78185b3741e062b03b5ecd836182","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.7.tgz","fileCount":13,"integrity":"sha512-5rKXzLJMLlbjsjVmR/jjxSX94RSo0SDSmaHxUMzM3Siw7tYEsi7e7t/wH+aPvNEBI3YfaYC08bhtFso+3T3B5g==","signatures":[{"sig":"MEYCIQC/EHz18gDzxeumBDN3kcGSM9+5/MIz2CpdhMp9XfkCYAIhAM46bL9T0EMUNcPwr23HLK6Ac7HbmesCQfQSZekpNp+/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":166574},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"8f9c52d964f8bf70a6b51f7ac8cd56cf4bf9af8c","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.7_1737225922829_0.40110114519340345","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@andikasujanadi/jendela.js","version":"1.0.8","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.8","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"e38fe076cdde0aaf3c8e5c772b9c98f68ecda43b","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.8.tgz","fileCount":14,"integrity":"sha512-UjEzBJbaYAGymZg6spFOpffAZMQ3a6U60r2uJZnWDVnWXW8X4vmS09+5RrnLZK6b+gwknXm9UCesI0k+tCqfPQ==","signatures":[{"sig":"MEUCIDizw+SdslgVQzHJr1Mi24zcYJCuJk4heyV8W2RsG6zGAiEAz9mQD2zi/uk5moAQb5oe6Jm2+4B3w8FJnAhy3VpG1QI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":208411},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"6294113e474d3397d26b68ae840f2fe0ef0da0d1","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.8_1737379064290_0.6409757239128795","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@andikasujanadi/jendela.js","version":"1.0.9","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.9","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"41dfc1265adc4159424192d817c1a71e4a55ef14","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.9.tgz","fileCount":12,"integrity":"sha512-RFB76pn9cYPOMkej7S2smOi9hDw0t8dyQzYMq943RGDlCfYbd1eKHbYUVSBjtEp3GhPmyAJfqdtVvGGpcGnGmA==","signatures":[{"sig":"MEUCIQC+4iZ6zPMASiK1tv82y5CrXb932XF6q5yN7sDAQ+VNowIgQVV5+iu5X8BWsXFvil8cJVoI6SHECTCKnEZ5aCrgWuI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":166592},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"14173c4c59da04d2873248fb471ef4f13839118f","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.9_1737388389119_0.13930536264916737","host":"s3://npm-registry-packages-npm-production"}},"1.0.10":{"name":"@andikasujanadi/jendela.js","version":"1.0.10","keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","_id":"@andikasujanadi/jendela.js@1.0.10","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"homepage":"https://github.com/andikasujanadi/jendela-js#readme","bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"dist":{"shasum":"88172fed280d38697b7bc165e3889f95c65e4420","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.10.tgz","fileCount":12,"integrity":"sha512-C+gZZcBztp9FRXGaIwH8MChNrK320x6Z0lbJkv5eSrLQ9MX3fuW0VP5LQxrZE7LU5aO01ZDE+q94MhXqhmGKOQ==","signatures":[{"sig":"MEUCIAEOx/ytqbZnya7l3KJGvHmQpS7UMz4e4MPp4vP7apHyAiEApq12C03LzzZQaDxM72p43FQaByEfsSjnW5hNBjHvgPw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":166666},"main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","gitHead":"b6f3e74ed4dd167c71335b261267b1e3d6f36185","scripts":{"dev":"rollup -c -w","test":"node test/spec","build":"rollup -c","pretest":"npm run build"},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"repository":{"url":"git+https://github.com/andikasujanadi/jendela-js.git","type":"git"},"_npmVersion":"10.9.0","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","directories":{},"_nodeVersion":"22.11.0","_hasShrinkwrap":false,"devDependencies":{"rollup":"^2.79.2","@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup-plugin-babel":"^4.4.0","rollup-plugin-serve":"^1.1.1","rollup-plugin-postcss":"^4.0.2","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/jendela.js_1.0.10_1737606206227_0.809493883158372","host":"s3://npm-registry-packages-npm-production"}},"1.0.11":{"name":"@andikasujanadi/jendela.js","version":"1.0.11","description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","main":"dist/jendela.cjs.js","module":"dist/jendela.esm.js","browser":"dist/jendela.umd.js","scripts":{"build":"rollup -c","dev":"rollup -c -w","test":"node test/spec","pretest":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/andikasujanadi/jendela-js.git"},"bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"keywords":["jendela","window"],"author":{"name":"Andika Sujanadi"},"license":"MIT","devDependencies":{"@babel/core":"^7.26.0","@babel/preset-env":"^7.26.0","rollup":"^2.79.2","rollup-plugin-babel":"^4.4.0","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-import-css":"^3.5.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-postcss":"^4.0.2","rollup-plugin-serve":"^1.1.1"},"_id":"@andikasujanadi/jendela.js@1.0.11","gitHead":"65d4b1b1d20c2a8ff5db55a2421946a832e2ef46","homepage":"https://github.com/andikasujanadi/jendela-js#readme","_nodeVersion":"22.4.1","_npmVersion":"10.8.1","dist":{"integrity":"sha512-db3c0Ou0/moXNEFYYHGhzhZJqGzgya5I4U70/YSDDpSz4LaLTWlIAxPoSjjjFzeszgSUFrEQvZznu2yTWQYmvw==","shasum":"5bf0b4434b11bf01d76e9f3f07208c2627a1e128","tarball":"https://registry.npmjs.org/@andikasujanadi/jendela.js/-/jendela.js-1.0.11.tgz","fileCount":13,"unpackedSize":182612,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAXIoiq2Gjq1w4oCUB2GZE8GY1JbRBS214AuJELyBnPmAiBBIc7iOcbkbtxPJ8cLiO1z0Gv45KAglDsnB+xljlIG7g=="}]},"_npmUser":{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"},"directories":{},"maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/jendela.js_1.0.11_1739384404846_0.9593153398040966"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-18T13:35:46.217Z","modified":"2025-02-12T18:20:05.267Z","1.0.0":"2025-01-18T13:35:46.489Z","1.0.1":"2025-01-18T13:41:03.470Z","1.0.2":"2025-01-18T14:23:17.122Z","1.0.3":"2025-01-18T15:46:48.322Z","1.0.4":"2025-01-18T16:04:20.494Z","1.0.5":"2025-01-18T16:42:37.257Z","1.0.6":"2025-01-18T18:23:09.949Z","1.0.7":"2025-01-18T18:45:23.065Z","1.0.8":"2025-01-20T13:17:44.542Z","1.0.9":"2025-01-20T15:53:09.336Z","1.0.10":"2025-01-23T04:23:26.518Z","1.0.11":"2025-02-12T18:20:05.070Z"},"bugs":{"url":"https://github.com/andikasujanadi/jendela-js/issues"},"author":{"name":"Andika Sujanadi"},"license":"MIT","homepage":"https://github.com/andikasujanadi/jendela-js#readme","keywords":["jendela","window"],"repository":{"type":"git","url":"git+https://github.com/andikasujanadi/jendela-js.git"},"description":"jendela.js is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.","maintainers":[{"name":"andikasujanadi","email":"andikasujanadi@gmail.com"}],"readme":"
\r\n\r\n
\r\n\r\n# JendelaJS\r\n\r\n**JendelaJS** is a simple JavaScript library for creating draggable windows. It allows you to add interactive window components to your web applications. This project is currently in development and is open for contributions.\r\n\r\n## Demo\r\nCheck out the live demo to see JendelaJS in action by clicking [here](https://andikasujanadi.github.io/jendelajs/)! Experience draggable, resizable, and customizable windows right in your browser. This lightweight JavaScript library lets you create modern and interactive window components with ease.\r\n\r\nFeel free to explore the features and integrate them into your projects effortlessly. Try the demo now and unleash the potential of JendelaJS!\r\n\r\n### [Demo Link](https://andikasujanadi.github.io/jendelajs/)\r\n## Features\r\n\r\n\r\nExpand feature\r\n\r\n- **Draggable Windows**: \r\n Users can click and drag the title bar of each window to move it around the screen, allowing for a flexible and customizable window layout.\r\n\r\n- **Resizable Windows**: \r\n Resize windows by dragging the edges or corners, giving users full control over the window dimensions. The windows also support minimum size constraints to ensure a consistent user experience.\r\n\r\n- **Closable Windows**: \r\n Each window comes with a close button that allows users to remove the window from the screen. The window closes with a smooth animation for a polished user interface.\r\n\r\n- **Minimizable Windows**: \r\n Windows can be minimized, collapsing them into a smaller size, while still allowing for future restoration. This provides a space-saving feature without losing the content.\r\n\r\n- **Customizable**: \r\n The window behavior (e.g., draggable, resizable, closable) and appearance (e.g., themes, size, position) can be easily modified through simple options when creating the window.\r\n\r\n- **Lightweight**: \r\n The system is built using pure JavaScript with minimal external dependencies, ensuring fast load times and an efficient user experience.\r\n\r\n- **Focus Management**: \r\n Windows automatically focus when clicked, and the active window is highlighted, while inactive windows are visually distinguished with a subtle fade effect.\r\n\r\n- **Smooth Animations**: \r\n The window transitions (such as minimize, maximize, and close) are enhanced with smooth animations to create a more engaging and visually appealing user experience.\r\n\r\n\r\n\r\n## Installation\r\n\r\n### Option 1: Download Release Package [Here](https://github.com/andikasujanadi/jendela-js/releases/)\r\n\r\nOr copy this link below\r\n\r\n```bash\r\nhttps://github.com/andikasujanadi/jendela-js/releases/\r\n```\r\nAnd import JendelaJS CSS and javascript file to your project\r\n```html\r\n\r\n\r\n```\r\n### Option 2: Using NPM\r\n\r\nYou can include the library in your project by downloading the module from NPM\r\n```bash\r\nnpm i @andikasujanadi/jendela.js\r\n```\r\nImport the module\r\n```javascript\r\n import { addWindow } from '@andikasujanadi/jendela.js'\r\n import '@andikasujanadi/jendela.js/dist/styles.css';\r\n```\r\n## Usage\r\n\r\n### Initialize a Window\r\n\r\nThis function will add a new window directly to HTML body.\r\n\r\nUse the following code to create a new window:\r\n```javascript\r\njendelaJS.addWindow({\r\n title:'Testing Window',\r\n theme:'jendela-xp',\r\n body:'this is body',\r\n});\r\n```\r\nOr if you import from NPM\r\n```javascript\r\naddWindow({\r\n title:'Testing Window',\r\n theme:'jendela-xp',\r\n body:'this is body',\r\n});\r\n```\r\n### Window Class Structure\r\nThis class structure is for reference to make a new style\r\n```html\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n```\r\n\r\n### Adding Your Own Styles\r\n\r\n\r\nThis is the example of jendela classic theme CSS:\r\n\r\n```css\r\n.jendela-classic {\r\n background-color: #FCFCFC;\r\n border: #D4D0C8 solid 4px;\r\n\r\n .header {\r\n background: rgb(12, 38, 108);\r\n background: linear-gradient(90deg, rgba(12, 38, 108, 1) 0%, rgba(185, 219, 255, 1) 100%);\r\n color: white;\r\n }\r\n\r\n .title {\r\n padding: 0px 8px;\r\n }\r\n\r\n .headerButtonContainer {\r\n gap: 2px;\r\n padding: 2px;\r\n }\r\n\r\n .headerButton {\r\n width: 20px !important;\r\n height: 20px !important;\r\n background-color: #D4D0C8;\r\n border-style: solid;\r\n border-width: 3px;\r\n border-color: #ebe8e3 #747270 #747270 #ebe8e3;\r\n }\r\n\r\n .headerButton:active {\r\n border-color: #747270 #ebe8e3 #ebe8e3 #747270;\r\n }\r\n\r\n .headerButton .icon{\r\n position: absolute;\r\n margin: 4px 4px;\r\n height: 11px!important;\r\n width: 11px!important;\r\n }\r\n\r\n .headerButtonMinimize .icon {\r\n top:3px;\r\n position: absolute;\r\n background-image: url(\"data:image/svg+xml,%3Csvg%20width='8'%20height='2'%20viewBox='0%200%208%202'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%200H8V2H0V0Z'%20fill='white'%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: contain;\r\n filter: invert(1);\r\n }\r\n\r\n .headerButtonResize .icon {\r\n position: absolute;\r\n background-image: url(\"data:image/svg+xml,%3Csvg%20width='10'%20height='8'%20viewBox='0%200%2010%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10%200H0V8H10V0ZM9%202H1V7H9V2Z'%20fill='white'%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: contain;\r\n filter: invert(1);\r\n }\r\n\r\n .headerButtonClose .icon {\r\n position: absolute;\r\n background-image: url(\"data:image/svg+xml,%3Csvg%20width='8'%20height='7'%20viewBox='0%200%208%207'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M1%201H0V0H2V1H3V2H5V1H6V0H8V1H7V2H6V3H5V4H6V5H7V6H8V7H6V6H5V5H3V6H2V7H0V6H1V5H2V4H3V3H2V2H1V1Z'%20fill='white'%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: contain;\r\n filter: invert(1);\r\n }\r\n}\r\n.jendela-classic.inactive{\r\n border-color: #d9d9d9;\r\n .header{\r\n background: linear-gradient(90deg, rgb(107, 107, 107) 0%, rgb(224, 224, 224) 100%);\r\n }\r\n}\r\n```\r\n\r\n\r\n\r\n## Window Parameters\r\n### Creating a Window\r\n\r\nYou can customize the following options when creating a window:\r\n\r\n| **Option** | **Description** | **Default** |\r\n| ---------------- | --------------------------------------------------------------------------------------------------- | --------------------------- |\r\n| `title` | The title of the window. | `''` |\r\n| `body` | The content inside the window. add \"jendela-id\" inside body will automatically replace it with \"id\" | `''` |\r\n| `theme` | Set the theme of the window. | `jendela-classic` |\r\n| `minimizeButton` | Set to `false` to hide the minimize button. | `true` |\r\n| `resizeButton` | Set to `false` to hide the resize button. | `true` |\r\n| `closeButton` | Set to `false` to hide the close button. | `true` |\r\n| `minWidth` | The minimum width of the window, preventing resizing smaller than this value. | `200` |\r\n| `minHeight` | The minimum height of the window, preventing resizing smaller than this value. | `200` |\r\n| `width` | The initial width of the window. | `min_width` |\r\n| `height` | The initial height of the window. | `min_height` |\r\n| `left` | The initial left position of the window. | `calc(50% - ${width/2}px)` |\r\n| `right` | The initial right position of the window. (will be disabled if left have value) | `false` |\r\n| `top` | The initial top position of the window. | `calc(50% - ${height/2}px)` |\r\n| `bottom` | The initial bottom position of the window. (will be disabled if top have value) | `false` |\r\n\r\n\r\nExample:\r\n```javascript\r\njendelaJS.addWindow({\r\n title: 'My Custom Window',\r\n body: 'This is a window with custom settings.',\r\n theme: 'jendela-xp',\r\n minimizeButton: false,\r\n minWidth: 300,\r\n});\r\n```\r\n\r\n### Window Control Functions\r\n\r\n\r\n| **Function** | **Description** | **Usage Example** |\r\n| ------------ | --------------------------------------------------------------------------------------------- | ---------------------------- |\r\n| `close` | Closes the window, removes it from the DOM, and ensures it is removed from the internal list. | `windowInstance.close();` |\r\n| `minimize` | Minimizes the window, reducing its size and hiding its content while keeping it accessible. | `windowInstance.minimize();` |\r\n| `maximize` | Maximizes the window to fill the available screen area. | `windowInstance.maximize();` |\r\n\r\nExample:\r\n```javascript\r\nconst my_window = jendelaJS.addWindow({\r\n title: 'My Custom Window',\r\n body: 'This is an example for window control function.'\r\n});\r\nmy_window.maximize();\r\n```\r\n\r\n## Planned Features\r\n\r\n### Version 1.0\r\n\r\n\r\n- [x] Customizable themes\r\n- [x] Resizable windows\r\n- [x] Minimize/Restore functionality\r\n- [x] Fullscreen support\r\n- [x] Window Animations\r\n- [x] Multi-window support\r\n- [x] Focus/Blur state management\r\n- [x] Hierarchical z-index management\r\n- [x] Separating CSS file\r\n- [x] Focus/Blur theme variant\r\n- [x] Dynamic border radius style for button\r\n- [x] add default theme for guide\r\n- [x] Support touch screen device\r\n- [x] add libadwaita theme\r\n- [x] add parameter: min, max, position, size\r\n- [x] NPM support\r\n- [x] Fix CSS bug in minify CSS\r\n- [x] Body size bug in CSS\r\n- [x] Window maximize size bug in CSS\r\n- [x] Window animation on create\r\n \r\n\r\n\r\n### Next Version\r\n- [x] Improve resize and minimize function\r\n- [ ] Dark theme variant\r\n- [ ] Out of border safety\r\n- [ ] Snap to grid\r\n- [ ] Advance touch screen\r\n- [ ] Button arrangement\r\n- [ ] Integrated Taskbar Support\r\n- [ ] Enhanced drag-and-drop behavior\r\n- [ ] Responsive design adjustments\r\n- [ ] Save and load window state\r\n- [ ] Accessibility improvements (e.g., keyboard navigation)\r\n\r\n## Contributing\r\n\r\n- Fork the repository.\r\n- Create a new branch for your feature or bug fix.\r\n ```bash\r\n git checkout -b feature-name\r\n ```\r\n- Install node modules.\r\n\r\n ```bash\r\n npm i\r\n ```\r\n or\r\n ```bash\r\n npm install\r\n ```\r\n- Run development mode server.\r\n ```bash\r\n npm run dev\r\n ```\r\n- You can access it in example folder. Make sure to include index.html.\r\n ```\r\n http://localhost:10001/example/index.html\r\n ```\r\n- Make your changes inside src folder.\r\n- Commit your changes.\r\n ```bash\r\n git commit -m 'Add feature-name'\r\n ```\r\n- Push to the branch.\r\n ```bash\r\n git push origin feature-name\r\n ```\r\n- Create a new Pull Request.\r\n\r\n## License\r\n\r\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\r\n","readmeFilename":"README.md"}
![\"JendelaJS](\"assets/jendelajs.svg\")
\r\n