{"_id":"@baguscodestudio/alertbutton","_rev":"3-b3928c8a364aa93dc4e0e33d2220d2f7","name":"@baguscodestudio/alertbutton","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@baguscodestudio/alertbutton","version":"0.0.1","main":"dist/index.js","module":"dist/index.cjs","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/style.css"},"browser":{"./styles.css":"./dist/style.css"},"types":"dist/AlertButtonPlugin.d.ts","type":"module","scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.45"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","autoprefixer":"^10.4.13","postcss":"^8.4.21","rollup-plugin-typescript2":"^0.32.1","tailwindcss":"^3.2.6","typescript":"^4.9.3","vite":"^4.1.0","vue-tsc":"^1.0.24"},"description":"## Alert","_id":"@baguscodestudio/alertbutton@0.0.1","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-K20+DwsLgV+AJoZ+D6ZCV1cyW24/Nmy+GgX8YDh6wEIqWm8BqCA7A/RDb8CcHxmH/ALDAQ+FP1AclfDv9d2GNg==","shasum":"48d8ed89acf97a03272df21798f4e02f69996b5f","tarball":"https://registry.npmjs.org/@baguscodestudio/alertbutton/-/alertbutton-0.0.1.tgz","fileCount":33,"unpackedSize":38832,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEpnQ3NLw8Cz+Xb/791SBAu3/5zK0q214L6DV5vIlUAEAiEAxT0VjVvGNvJ8Pwcx6FvXpl7rSTW4WPADjB26P/N+AYM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj68KRACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolJg//UouuS38TUKbbQlOUI27oJbTpJnFhnq2Qg+twl/Hg9148DdhD\r\ncn+JYIIRxK0dkuYyMNwDzFzyyacHenqTxdK5GXXYJw+6zs3j+oe3gDVJRo5S\r\nsMSly1ZALKbh7ixULs0hEWbV3RyQLYiZH7tH3yEV+ivZGCecrlm32zNVNEaH\r\nB+SbFRl1jJ2mO9JxaCf/EOkQM1JM+pgJwvFpgRY+Z/exXFWr6Nkfd9bMGCHT\r\nuC+w2EFlJG1vgFpsYB0E+R28xdLoMHN83aWpPevUsUMbL3c3baM7agwlz75J\r\n7oTA889b8L1UZiKdl8rwWDx5B17JZTlu725CD07vu9tSaOrSYXJqr15+TJqE\r\n4O9ssepv59kJ1qJ6BSQ4sHZ78i8GZb+1iRVkjqx0hb0EQ/3CmxfGF5+pdOYG\r\nXot70aMCNXy9Vb5y0Txm0adbJ0eNAJ8XHDq5odoCLElq37dYDRy+GfwBeKqc\r\nhRBRY1BDMB1XyNU4llgatFIx+dbE4cV6PG4g2sejDXaRM17U/lYv6HDs2qlG\r\nHdavLLneGnRVEqPenHi3/+3IcTiC6mZ0iZqGTrqjh04/MxrVrAZVUdgc/IRC\r\nRj9UnmrkRp3fuQrABgo5bEsMloQ1cKPOPbOxVtEJZpzB802OCyppAAyqPoFB\r\nIaGxp73zLPATg5eimDc7WSt5SWUPuvearWg=\r\n=yQir\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"},"directories":{},"maintainers":[{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/alertbutton_0.0.1_1676395152961_0.7742028631903852"},"_hasShrinkwrap":false},"0.0.2":{"name":"@baguscodestudio/alertbutton","version":"0.0.2","main":"dist/index.js","module":"dist/index.cjs","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/style.css"},"browser":{"./styles.css":"./dist/style.css"},"types":"dist/AlertButtonPlugin.d.ts","type":"module","scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.45"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","autoprefixer":"^10.4.13","postcss":"^8.4.21","rollup-plugin-typescript2":"^0.32.1","tailwindcss":"^3.2.6","typescript":"^4.9.3","vite":"^4.1.0","vue-tsc":"^1.0.24"},"description":"A simple vue component library for Alert and Button.","_id":"@baguscodestudio/alertbutton@0.0.2","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-SdycF9UtR4gQt2ZsdQ4GatxEXuEaAKcoaI1i386t9xAuiMezOF8S11mDeafiNWmAxOduDsZpGfzttX8TgdCmYA==","shasum":"4c77dc9dd222d2839a0e1bcd4ab20a34e4453157","tarball":"https://registry.npmjs.org/@baguscodestudio/alertbutton/-/alertbutton-0.0.2.tgz","fileCount":33,"unpackedSize":38932,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEQhLzqo/BBiguyT0Wjj8jy8Tmu2V8PZl3dEhPtaacAYAiEAqkJVvV0dgmme4rY0KI5CMehg7unZjZbRNnEarnhhqKc="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj68NIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpo8A/+LenTbrFX/Z4iHtyQOnhxkWRyTjnuD4DqU2AbPGOe4zgdFz3u\r\nBB6NYqjRM0RhzWeV+k5e/YHrgBx9Gv63bGnSQuPDexImbagb/0+De7LamPej\r\nzYXXyygjiwZ11TILsuBk5fLHxXab0zrFSmpkIoACeB85M5qLrZL8YubalAGh\r\n02yr2JIf+7GnVpcDB8yBE9org2pDO4Ler/ZoBQ7siHfsCEsdsCH+AFY/Teq/\r\nHwhjE1QS6VEMU64o+Ouu17I9KYIyTv9QY22f3PCbdPP7zx3cujJGU7SVU+rY\r\nNA9kv7W/A3S8duuo/fKxmVhS+NmGdlhHJUVIBD0rC5jmHHrVHw5JKcjY/rSY\r\nGLiiqxb0+3bzBfdm8aWwhZEw1IkxsvCIvH+IkCVbD54ldCLdLySvzFv8YPhq\r\nNGafJhTZe6kOzHtwVCqtt4INP7lmoq8VgvyywMwyc6U0tY2AZBg3b7wYHJtr\r\njatvSZymMOh6QmWGeY2p/p3tHRRPEJqjVWlb0ur+xVnEwe6sfc0kHss6puog\r\nOG1lHaaxIte3AlIo12AIxaSaEB0oECu3C010V5oT54DK9QkCYJErljEukp3z\r\nwvALOd+nlMtUw826yDQ4QiGgS/B7bJTyzk0wIhSHcLQnYaY5uOxMZc5w23Oa\r\n2wFOiusC3FThgDmmU8ofXjmE1EmB+2s00UE=\r\n=YM+G\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"},"directories":{},"maintainers":[{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/alertbutton_0.0.2_1676395335822_0.7726173699534677"},"_hasShrinkwrap":false},"0.0.3":{"name":"@baguscodestudio/alertbutton","license":"MIT","author":{"name":"baguscodestudio"},"version":"0.0.3","main":"dist/index.js","module":"dist/index.cjs","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/style.css"},"browser":{"./styles.css":"./dist/style.css"},"types":"dist/AlertButtonPlugin.d.ts","type":"module","scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.45"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","autoprefixer":"^10.4.13","postcss":"^8.4.21","rollup-plugin-typescript2":"^0.32.1","tailwindcss":"^3.2.6","typescript":"^4.9.3","vite":"^4.1.0","vue-tsc":"^1.0.24"},"gitHead":"e638bdd1f54e258e0ce6a9c4b1868c515c9fedb5","description":"A simple vue component library for Alert and Button.","_id":"@baguscodestudio/alertbutton@0.0.3","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-ufewWpmh7o0EPK41k30LZkyS7jTm77RBn3TfMIzpgfSBjXhj595vbHNBUKAEC4U303PScUAaHSteSXfmsqLrfg==","shasum":"c1fc28d77746bc84a7afbfd5b0f2e13b35ee7496","tarball":"https://registry.npmjs.org/@baguscodestudio/alertbutton/-/alertbutton-0.0.3.tgz","fileCount":33,"unpackedSize":38983,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgbPfPgAb7p8ff1fTJ0uuikR9FDIfVZuk8K5nvOdKpogIhALEkSE2IbaxwAhodBAUTHWNb6g9S0xavDR03oYyBT3gm"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj68yQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqkwg/+NQJ+39TSrdPp2gojweywwU6Csn02wjkSWOtB9DwGv7M4srDR\r\n3usx/l6mjxQE8KS+7ezrb6Ca/zwq1GICrH8SEJ9Ihh3nx1XpiQ2nlqSXqoZT\r\nOT5dzLnppgg/1PJXOUExqPT1/47nDNAqrm3Zw4aECyTFSlPlBdAAIlcCpQES\r\nH4NvNI82OJRvqH7mTIwMXJ3J17uvTqa8pvNI2En1h4Ui1E+sbTseVaHo5MJk\r\nOraQObR6pGCqbdTroNPrer2j3eb7FRvFaR9zqwgoNJwtpiKG6xtRzNMAC/RU\r\n7VjGAJNJVmo6vbypBxVEk2o9lTW92tK5rZJGvBwk7cpLWgk12cart5LDQLm8\r\n9okUSbr79aX1Rso3OSK96aSA/Q/edSLOrJm5WEFSoVCuUzUgiAQ9ZPKoQ1/w\r\nsJIh7Y6QhmJc1usPdPmp7mKJdkt95i/2uzKVQTrrngqIZ/J7VaSWwqKR1AJ5\r\nI12zM9xZ3f+GhaeeDUF+KluZtyieDKrvT/Dq5EsH3VbZPoVEl0Q7AOhB6Wbs\r\nYg5AmGYCrS6pAKRldGEpkx0IAfO+oY7LHPGd79jinOOGBjhDXl+awsdk/C16\r\nvcNUFjpTTlfDRh7/Pl5fOq5aUPnPA8EtJIuTOEDnPHdhUyqmlsbX4wTvF2Nh\r\n5iebNxolUuMOdzwJAOQAkQwsrxu3AEBt2+8=\r\n=XPaX\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"},"directories":{},"maintainers":[{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/alertbutton_0.0.3_1676397712693_0.13555506829271669"},"_hasShrinkwrap":false},"0.0.4":{"name":"@baguscodestudio/alertbutton","license":"MIT","author":{"name":"baguscodestudio"},"version":"0.0.4","main":"dist/index.js","module":"dist/index.cjs","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/style.css"},"browser":{"./styles.css":"./dist/style.css"},"types":"dist/AlertButtonPlugin.d.ts","type":"module","scripts":{"dev":"vite","build":"vue-tsc && vite build","preview":"vite preview"},"dependencies":{"vue":"^3.2.45"},"devDependencies":{"@vitejs/plugin-vue":"^4.0.0","autoprefixer":"^10.4.13","postcss":"^8.4.21","rollup-plugin-typescript2":"^0.32.1","tailwindcss":"^3.2.6","typescript":"^4.9.3","vite":"^4.1.0","vue-tsc":"^1.0.24"},"gitHead":"0d5f3642a242814b3c8cb6b39c23e5e5e7a5b936","description":"A simple vue component library for Alert and Button.","_id":"@baguscodestudio/alertbutton@0.0.4","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-oMBefk7gSNcLiOFDy7KLVs3wDBVIN2Zlndthg6jEcQ1cf6w909wO5x8BFZ8CXho9I+zGnMbFTFr+ELJR6o9OLQ==","shasum":"3a232c5982a8ad027ba84fa7efc58065c7721b97","tarball":"https://registry.npmjs.org/@baguscodestudio/alertbutton/-/alertbutton-0.0.4.tgz","fileCount":33,"unpackedSize":39051,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF3PzdkYU2ltxDTLUPJ1WdI9JUCdL9OqjyRfLdrH0SeQAiEAl4A9EjBPRaxNrz789aVnK0zbbh1TEC88dgP5UKvofL4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj685aACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrYpxAAhYrQR+bmeajnnHcGvWJaeGMe7ejKMs+hRzlCs3e2fr7X/Qt5\r\nTJMtqus2+zcBvI8Kpk4hmUL1N5o+kiPugCXpGyqEtHLOMtFIai/GCWy+eJlh\r\nVRlOs/VRCTRhGLOMYADwfXtDhfN2qv6bQIkjfx9tc4d2IHjbGUvSENjadt6p\r\n8WHVt+EfI8I7qHp0qPWaN3oXu17xzFxWABfnyXLn0Ga9BByE5wYwFUgTOqvy\r\nSVdpfFGqkcG0UkB4rLP8TPy6cDvWkTq6lScxZCXgn8IU7eqyiof29Mw84dIe\r\nd2GEJ+YtUxpdufaAD7BWPrZqEE8AvenofgnxjSO+uk11nTZt/U/LPj8DlXaS\r\nv52k5a1sOv/uYO8VolaDBX86vq4PudidPmjxKU2DzcQQENfz4y1VqeKLpu2y\r\nGczN6a+HWq3x/JXhhDIfU1NrMAGmk95kJMn86U/y1xwuDQ8svUL66WUCi4VM\r\n7ZbZmYKo6kkfwq7xfrAoSH76pFqDKQOKJowYfyCC8JO77CcIvBcGb0ym7/1E\r\nb5QMoSevsGx7jHHssd+tKArzYfFPy24Ggd3sytPRM0UDDi6JPIJsdfCYED9w\r\nJ4U6E5zxs5okCFHTTMMYS8Llz35uIAICmmyXacNQF8mhTHkSXCUy1T9AdW6T\r\n3u0zzqNV6guMAl3I9RPji1JoN0RwbAIYmDc=\r\n=5gXc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"},"directories":{},"maintainers":[{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/alertbutton_0.0.4_1676398169760_0.9604921776870401"},"_hasShrinkwrap":false}},"time":{"created":"2023-02-14T17:19:12.891Z","0.0.1":"2023-02-14T17:19:13.098Z","modified":"2023-02-14T18:09:30.165Z","0.0.2":"2023-02-14T17:22:16.002Z","0.0.3":"2023-02-14T18:01:52.881Z","0.0.4":"2023-02-14T18:09:30.046Z"},"maintainers":[{"name":"baguscodestudio","email":"bagusgandhipranata@gmail.com"}],"description":"A simple vue component library for Alert and Button.","readme":"# AlertButton Vue Component\n\nA simple vue component library for Alert and Button.\n\nThis was made for a coding test in Mind Lens\n\n## Alert\n\nIt is suggested to put the alert component on the top of html tree\n\n```vue\n<script lang=\"ts\">\nimport { ref } from 'vue';\nlet visible = ref(true);\nconst AlertClicked = (s: string) => {\n  s == 'primary'\n    ? console.log('button clicked in alert primary')\n    : console.log('button clicked in alert secondary');\n};\n</script>\n\n<template>\n  <Alert\n    :show=\"visible\"\n    @onClose=\"visible = false\"\n    @onClickSecondary=\"AlertClicked('secondary')\"\n    @onClickPrimary=\"AlertClicked('primary')\"\n    buttonTextPrimary=\"Click One\"\n    buttonTextSecondary=\"Click Two\"\n  >\n    <template #title>A short descriptive header </template>\n    <template #description>\n      This is a paragraph of information with additional supporting detail or\n      links to help the user understand what they should do.\n    </template>\n  </Alert>\n</template>\n```\n\n### Parameters\n\n```typescript\ninterface Props {\n  show: boolean;\n  type?: 'info' | 'error' | 'warning' | 'success';\n  pos?: 'top' | 'top-right' | 'top-left';\n  buttonTextPrimary?: string;\n  buttonTextSecondary?: string;\n  title?: string;\n  description?: string;\n}\n```\n\n### Events\n\n- `@onClose`: Triggered when clicking the close icon\n- `@onClickSecondary`: Triggered when clicking the secondary button (The left one)\n- `@onClickPrimary`: Triggered when clicking the primary button (The right one)\n\n## Button\n\n```vue\n<script lang=\"ts\">\nimport { ref } from 'vue';\nlet visible = ref(false);\n</script>\n\n<template>\n  <SpecialButton\n    type=\"secondary\"\n    variant=\"icon-text\"\n    direction=\"left\"\n    @onClick=\"visible = true\"\n  >\n    Show\n  </SpecialButton>\n</template>\n```\n\n### Parameters\n\n```typescript\ninterface Props {\n  variant?: 'icon-text' | 'text-icon' | 'text' | 'icon';\n  direction?: 'left' | 'right';\n  type?: 'primary' | 'secondary';\n  color?: string;\n  disabled?: boolean;\n}\n```\n\n### Events\n\n- `@onClick`: Triggered when the button is clicked\n","readmeFilename":"README.md","author":{"name":"baguscodestudio"},"license":"MIT"}