{"_id":"@cequelldev/luiz-sacilotto-1","name":"@cequelldev/luiz-sacilotto-1","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@cequelldev/luiz-sacilotto-1","description":"A webcomponent to display a new originally generated frame based on Luiz Sacilotto works","author":{"name":"Pedro \"Darth Çeqüella\" de Oliveira","email":"pedro.oliveira@cequell.dev"},"private":false,"version":"0.1.0","type":"module","main":"./dist/luiz-sacilotto-1.es.js","types":"./dist/luiz-sacilotto-1.d.ts","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"dependencies":{"lit":"^2.7.6"},"devDependencies":{"typescript":"^5.0.2","vite":"^4.4.5","vite-plugin-dts":"^3.5.1"},"gitHead":"12d7734805464188b0126b126cb4489e7a7724ef","_id":"@cequelldev/luiz-sacilotto-1@0.1.0","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-X7TwCTIrwngdpF3uRgar5IU1eQ80OUIcr38PPNUN6FuRyFPmrPJiyt8CNfC2ZIT05BiPVlPi5m8ytyRCB/shfQ==","shasum":"1b308296ea19ab38589ae4908764b785778766c2","tarball":"https://registry.npmjs.org/@cequelldev/luiz-sacilotto-1/-/luiz-sacilotto-1-0.1.0.tgz","fileCount":10,"unpackedSize":66984,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDO0TKEBsReXoZYWQqiKAx2Ae7YCKnr2BLZEf1S+WZPaQIgOeCo7xDF2tal60Ukw4TA9IGY8vVxQKC5KkhYgG61xvE="}]},"_npmUser":{"name":"cequella","email":"pedro.oliveira@cequell.dev"},"directories":{},"maintainers":[{"name":"cequella","email":"pedro.oliveira@cequell.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/luiz-sacilotto-1_0.1.0_1691635222968_0.13535961688278886"},"_hasShrinkwrap":false}},"time":{"created":"2023-08-10T02:40:22.867Z","0.1.0":"2023-08-10T02:40:23.220Z","modified":"2023-08-10T02:40:23.535Z"},"maintainers":[{"name":"cequella","email":"pedro.oliveira@cequell.dev"}],"description":"A webcomponent to display a new originally generated frame based on Luiz Sacilotto works","author":{"name":"Pedro \"Darth Çeqüella\" de Oliveira","email":"pedro.oliveira@cequell.dev"},"readme":"# Luiz Sacilotto - Web Component Art Generator I\r\n\r\n![Visualization](/doc-assets/generator.png)\r\n\r\n## Install\r\n\r\nFirst install the dependencies\r\n\r\n```bash\r\nnpm i lit @cequelldev/luiz-sacilotto-1\r\n```\r\n\r\n## How to use\r\n```html\r\n<luiz-sacilotto-1 \r\n    renderSize=\"1000\"\r\n    angle=\"0.25\" \r\n    startAngle=\"0.0\"\r\n    sideCount=\"10\"\r\n    moduleMargin=\"2\"\r\n    invert>\r\n</luiz-sacilotto-1>\r\n```\r\n\r\nParameters:\r\n\r\n* **renderSize**: The size of the canvas RENDER AREA; The minimum is 100px;\r\n* **angle**: The angle (in radians) of the shape(module). The minimum value is 0, and the maximum value is 2;\r\n* **startAngle**: The start angle (in radians) of the shape(module). The minimum value is 0. and the maximum value is 2;\r\n* **sideCount**: The number of modules in the side of the grid. e.g. 4 means 4x4 grid. The minimum value is 4;\r\n* **moduleMargin**: The margin between the modules (aka. gap). The minimum value is 0, and the maximum value is half of the module size;\r\n* **invert**: Invert the colors.\r\n\r\n## Style\r\n\r\nYou can resize the component by setting the width and height through css with:\r\n\r\n```css\r\nluiz-sacilotto-1 {\r\n    --luiz-sacilotto-1-size: 500px;\r\n}\r\n```\r\n\r\n## Recommendations\r\n\r\nIt's recommendend that the **renderArea** parameter is set to the doubleof the  **--luiz-sacilotto-1-size** css variable. It will improve the resolution of the final image.\r\n\r\n","readmeFilename":"README.md"}