{"_id":"@adham.mu/vue-ganttastic","_rev":"2-92f9b6b79eff35ea23d2517eb49eb3eb","name":"@adham.mu/vue-ganttastic","dist-tags":{"latest":"2.2.3"},"versions":{"2.2.1":{"name":"@adham.mu/vue-ganttastic","version":"2.2.1","description":"A simple and customizable Gantt chart component for Vue.js","author":{"name":"Marko Zunic","url":"@infectoone"},"scripts":{"serve":"vite","build":"run-p build:types build:lib","build:lib":"vite build","build:types":"vue-tsc --declaration --emitDeclarationOnly --outDir lib_types","typecheck":"vue-tsc --noEmit","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .gitignore","lint:fix":"npm run lint --fix","docs:build":"vitepress build docs","docs:dev":"vitepress dev docs","docs:preview":"vitepress preview docs"},"type":"module","exports":{".":{"types":"./lib_types/vue-ganttastic.d.ts","import":"./lib/vue-ganttastic.js","require":"./lib/vue-ganttastic.umd.cjs"}},"main":"./lib/vue-ganttastic.umd.cjs","types":"./lib_types/vue-ganttastic.d.ts","devDependencies":{"@rushstack/eslint-patch":"^1.2.0","@senojs/rollup-plugin-style-inject":"^0.1.1","@types/node":"^16.11.58","@types/postcss-preset-env":"^7.7.0","@vitejs/plugin-vue":"^3.1.2","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^11.0.2","@vue/tsconfig":"^0.1.3","@vuepress/plugin-search":"2.0.0-beta.51","eslint":"^8.25.0","eslint-plugin-vue":"^9.6.0","npm-run-all":"^4.1.5","postcss":"^8.4.17","postcss-preset-env":"^7.8.2","prettier":"^2.7.1","typescript":"~4.8.4","vite":"^3.1.6","vitepress":"^1.0.0-rc.4","vue-tsc":"^1.0.8"},"peerDependencies":{"dayjs":"^1.11.5","vue":"^3.2.40"},"homepage":"https://infectoone.github.io/vue-ganttastic/","keywords":["gantt","chart","bar","diagram","vue","vuejs","ganttastic"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/InfectoOne/vue-ganttastic.git"},"dependencies":{"@vueuse/core":"^9.1.1"},"gitHead":"65d3ebc306d776faab07e9c2b9cef450f17f5845","bugs":{"url":"https://github.com/InfectoOne/vue-ganttastic/issues"},"_id":"@adham.mu/vue-ganttastic@2.2.1","_nodeVersion":"20.4.0","_npmVersion":"9.7.2","dist":{"integrity":"sha512-zmdvJdz3kkAT9R+lPfpFlfCdnA1Dsmx0AWoCvwgZuVadIuIITadzVs8yuGI0s0VPDutpzRDBhVrj0KiIMlXDUw==","shasum":"31f557737b92911a1817887684560995af8e1791","tarball":"https://registry.npmjs.org/@adham.mu/vue-ganttastic/-/vue-ganttastic-2.2.1.tgz","fileCount":25,"unpackedSize":319613,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBvh8wxu9pw97nQ1SW60fhaOZ1KaXQLwVKQBqKiUMDaqAiEArNLUeNqFOh6buCCEAHo5fhBGgMgTWHvNewrXgbWA5rE="}]},"_npmUser":{"name":"adham.mu","email":"adham.muhammadjonov1923@gmail.com"},"directories":{},"maintainers":[{"name":"adham.mu","email":"adham.muhammadjonov1923@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-ganttastic_2.2.1_1699207722289_0.0659218477585306"},"_hasShrinkwrap":false},"2.2.2":{"name":"@adham.mu/vue-ganttastic","version":"2.2.2","description":"A simple and customizable Gantt chart component for Vue.js","author":{"name":"Marko Zunic","url":"@infectoone"},"scripts":{"serve":"vite","build":"run-p build:types build:lib","build:lib":"vite build","build:types":"vue-tsc --declaration --emitDeclarationOnly --outDir lib_types","typecheck":"vue-tsc --noEmit","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .gitignore","lint:fix":"npm run lint --fix","docs:build":"vitepress build docs","docs:dev":"vitepress dev docs","docs:preview":"vitepress preview docs"},"type":"module","exports":{".":{"types":"./lib_types/vue-ganttastic.d.ts","import":"./lib/vue-ganttastic.js","require":"./lib/vue-ganttastic.umd.cjs"}},"main":"./lib/vue-ganttastic.umd.cjs","types":"./lib_types/vue-ganttastic.d.ts","devDependencies":{"@rushstack/eslint-patch":"^1.2.0","@senojs/rollup-plugin-style-inject":"^0.1.1","@types/node":"^16.11.58","@types/postcss-preset-env":"^7.7.0","@vitejs/plugin-vue":"^3.1.2","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^11.0.2","@vue/tsconfig":"^0.1.3","@vuepress/plugin-search":"2.0.0-beta.51","eslint":"^8.25.0","eslint-plugin-vue":"^9.6.0","npm-run-all":"^4.1.5","postcss":"^8.4.17","postcss-preset-env":"^7.8.2","prettier":"^2.7.1","typescript":"~4.8.4","vite":"^3.1.6","vitepress":"^1.0.0-rc.4","vue-tsc":"^1.0.8"},"peerDependencies":{"dayjs":"^1.11.5","vue":"^3.2.40"},"homepage":"https://infectoone.github.io/vue-ganttastic/","keywords":["gantt","chart","bar","diagram","vue","vuejs","ganttastic"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/InfectoOne/vue-ganttastic.git"},"dependencies":{"@vueuse/core":"^9.1.1"},"gitHead":"f2f3cdd62294af1e0e6259446d5cf13f8fae9ae8","bugs":{"url":"https://github.com/InfectoOne/vue-ganttastic/issues"},"_id":"@adham.mu/vue-ganttastic@2.2.2","_nodeVersion":"20.4.0","_npmVersion":"9.7.2","dist":{"integrity":"sha512-cd64sICchssho2t+gSPGZhOHCOOxfSS2yTCFGQ6pO7IV6wkohLKWVqcfxGMDlhTw+Pi1t7jxlANcBS+PD+zbyA==","shasum":"1f317edd1f710d16e2247219593836d6a2a073e3","tarball":"https://registry.npmjs.org/@adham.mu/vue-ganttastic/-/vue-ganttastic-2.2.2.tgz","fileCount":25,"unpackedSize":319613,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBAMg3UBS1SdlrSI8L5M/7XoEYwgLaoq2mIa4uuTnaE0AiBQEQxcQ/8hS5MEDafsytIdvGXF1C4dSdz1elUKuZ0RtA=="}]},"_npmUser":{"name":"adham.mu","email":"adham.muhammadjonov1923@gmail.com"},"directories":{},"maintainers":[{"name":"adham.mu","email":"adham.muhammadjonov1923@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-ganttastic_2.2.2_1699213714324_0.40087269999992947"},"_hasShrinkwrap":false},"2.2.3":{"name":"@adham.mu/vue-ganttastic","version":"2.2.3","description":"A simple and customizable Gantt chart component for Vue.js","author":{"name":"Marko Zunic","url":"@infectoone"},"scripts":{"serve":"vite","build":"run-p build:types build:lib","build:lib":"vite build","build:types":"vue-tsc --declaration --emitDeclarationOnly --outDir lib_types","typecheck":"vue-tsc --noEmit","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --ignore-path .gitignore","lint:fix":"npm run lint --fix","docs:build":"vitepress build docs","docs:dev":"vitepress dev docs","docs:preview":"vitepress preview docs"},"type":"module","exports":{".":{"types":"./lib_types/vue-ganttastic.d.ts","import":"./lib/vue-ganttastic.js","require":"./lib/vue-ganttastic.umd.cjs"}},"main":"./lib/vue-ganttastic.umd.cjs","types":"./lib_types/vue-ganttastic.d.ts","devDependencies":{"@rushstack/eslint-patch":"^1.2.0","@senojs/rollup-plugin-style-inject":"^0.1.1","@types/node":"^16.11.58","@types/postcss-preset-env":"^7.7.0","@vitejs/plugin-vue":"^3.1.2","@vue/eslint-config-prettier":"^7.0.0","@vue/eslint-config-typescript":"^11.0.2","@vue/tsconfig":"^0.1.3","@vuepress/plugin-search":"2.0.0-beta.51","eslint":"^8.25.0","eslint-plugin-vue":"^9.6.0","npm-run-all":"^4.1.5","postcss":"^8.4.17","postcss-preset-env":"^7.8.2","prettier":"^2.7.1","typescript":"~4.8.4","vite":"^3.1.6","vitepress":"^1.0.0-rc.4","vue-tsc":"^1.0.8"},"peerDependencies":{"dayjs":"^1.11.5","vue":"^3.2.40"},"homepage":"https://infectoone.github.io/vue-ganttastic/","keywords":["gantt","chart","bar","diagram","vue","vuejs","ganttastic"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/InfectoOne/vue-ganttastic.git"},"dependencies":{"@vueuse/core":"^9.1.1"},"gitHead":"f2f3cdd62294af1e0e6259446d5cf13f8fae9ae8","bugs":{"url":"https://github.com/InfectoOne/vue-ganttastic/issues"},"_id":"@adham.mu/vue-ganttastic@2.2.3","_nodeVersion":"20.4.0","_npmVersion":"9.7.2","dist":{"integrity":"sha512-Ybk0z625LIfwAAj/SmJb0ODGFxAB+3Eo5uFS7Apm3ZBKRpgaFCRoZYkzEc98ywuRm8YSPSe8jDURnLJaz5hw9Q==","shasum":"6d7defc56e0f05c6bbc50f99a60798e8aae796b1","tarball":"https://registry.npmjs.org/@adham.mu/vue-ganttastic/-/vue-ganttastic-2.2.3.tgz","fileCount":25,"unpackedSize":321921,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBOqpybcPfPmLoOr9xSuiSCSYN5H/UwCk03A+jbB+7NVAiAuBN+uvh3yiPXTBcAIul42LaWi3/K+AUcnPrsMMtsCNg=="}]},"_npmUser":{"name":"adham.mu","email":"adham.muhammadjonov1923@gmail.com"},"directories":{},"maintainers":[{"name":"adham.mu","email":"adham.muhammadjonov1923@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-ganttastic_2.2.3_1699214184934_0.7345658554197074"},"_hasShrinkwrap":false}},"time":{"created":"2023-11-05T18:08:42.169Z","2.2.1":"2023-11-05T18:08:42.494Z","modified":"2023-11-05T19:56:25.321Z","2.2.2":"2023-11-05T19:48:34.559Z","2.2.3":"2023-11-05T19:56:25.128Z"},"maintainers":[{"name":"adham.mu","email":"adham.muhammadjonov1923@gmail.com"}],"description":"A simple and customizable Gantt chart component for Vue.js","homepage":"https://infectoone.github.io/vue-ganttastic/","keywords":["gantt","chart","bar","diagram","vue","vuejs","ganttastic"],"repository":{"type":"git","url":"git+https://github.com/InfectoOne/vue-ganttastic.git"},"author":{"name":"Marko Zunic","url":"@infectoone"},"bugs":{"url":"https://github.com/InfectoOne/vue-ganttastic/issues"},"license":"MIT","readme":"# Vue Ganttastic\n\n<div style=\"display: flex; flex-direction: column; align-items:center;\">\n<img\n    src=\"https://user-images.githubusercontent.com/28678851/148047714-301f07df-4101-48b8-9e47-1f272b290e80.png\" \n    style=\"margin: 10px;\" height=\"150\"\n    alt=\"Vue Ganttastic logo\"\n/>\n\n<b>Vue Ganttastic</b> is a simple, interactive and highly customizable Gantt chart component for Vue 3.\n\n![image](https://user-images.githubusercontent.com/28678851/148191571-76bd8d61-4583-4538-8c59-cc2915494890.png)\n\n</div>\n\n## Features\n\n- **[Vue 3](https://v3.vuejs.org/) support**\n- **[TypeScript](https://www.typescriptlang.org/) support** _(ships with out of the box type declarations)_\n- **Interactivity** _(dynamic, movable and pushable bars)_\n- **Reactivity / Responsiveness** (_when changes occur, bars are repositioned accordingly_)\n- **Customization options** (_chart/bar styling, slots, event handlers etc._)\n\nUsing Vue 2? Check out [Vue-Ganttastic v1](https://github.com/zunnzunn/vue-ganttastic/tree/vue-ganttastic-v1).\n\n## Quickstart\n\nInstall using\n\n```\nnpm install @infectoone/vue-ganttastic\n```\n\nThen, initalize the plugin in the starting point of your app (most likely src/main.js):\n\n```js\nimport { createApp } from \"vue\"\nimport App from \"./App.vue\"\n...\nimport ganttastic from '@infectoone/vue-ganttastic'\n...\ncreateApp(App)\n  .use(ganttastic)\n  .mount('#app')\n```\n\nThis will globally register the components g-gantt-chart and g-gantt-row and you will be able to use those two components right away.\n\n```html\n<template>\n  <g-gantt-chart\n    chart-start=\"2021-07-12 12:00\"\n    chart-end=\"2021-07-14 12:00\"\n    precision=\"hour\"\n    bar-start=\"myBeginDate\"\n    bar-end=\"myEndDate\"\n  >\n    <g-gantt-row label=\"My row 1\" :bars=\"row1BarList\" />\n    <g-gantt-row label=\"My row 2\" :bars=\"row2BarList\" />\n  </g-gantt-chart>\n</template>\n\n<script setup>\n  import { ref } from \"vue\"\n\n  const row1BarList = ref([\n    {\n      myBeginDate: \"2021-07-13 13:00\",\n      myEndDate: \"2021-07-13 19:00\",\n      ganttBarConfig: {\n        // each bar must have a nested ganttBarConfig object ...\n        id: \"unique-id-1\", // ... and a unique \"id\" property\n        label: \"Lorem ipsum dolor\"\n      }\n    }\n  ])\n  const row2BarList = ref([\n    {\n      myBeginDate: \"2021-07-13 00:00\",\n      myEndDate: \"2021-07-14 02:00\",\n      ganttBarConfig: {\n        id: \"another-unique-id-2\",\n        hasHandles: true,\n        label: \"Hey, look at me\",\n        style: {\n          // arbitrary CSS styling for your bar\n          background: \"#e09b69\",\n          borderRadius: \"20px\",\n          color: \"black\"\n        },\n        class: \"foo\" // you can also add CSS classes to your bars!\n      }\n    }\n  ])\n</script>\n```\n\n## Contributing\n\nClone the project, make some changes, test your changes out, create a pull request with a short summary of what changes you made. Contributing is warmly welcomed!\n\nTo test your changes out before creating a pull request, create a build:\n\n```\nnpm run build\n```\n\nTo test out the build, you should create a tarball using:\n\n```\nnpm pack\n```\n\nThen, place the tarball in some other test project and install the package from the tarball by using:\n\n```\nnpm install <name_of_the_package>.tgz\n```\n\n## Guide and Docs\n\nFor further guides and references, check out the [official docs](https://zunnzunn.github.io/vue-ganttastic/getting-started.html).\n\n## About\n\n**License** [MIT](https://choosealicense.com/licenses/mit/)  \n**Author**: Marko Žunić, BSc  \n[GitHub Repository](https://github.com/zunnzunn/vue-ganttastic)\n\n## Support the project!\n\nIn case you found the library useful, a little tip would be much appreciated!\n\n<form action=\"https://www.paypal.com/donate\" method=\"post\" target=\"_top\">\n<input type=\"hidden\" name=\"hosted_button_id\" value=\"M63C8DAMV5YDJ\" />\n<input type=\"image\" src=\"https://pics.paypal.com/00/s/MTdhMWZmNTUtOWQ1Yi00YmRjLWJjMjgtY2Y0NTNhODM0OTJl/file.PNG\" border=\"0\" name=\"submit\" title=\"PayPal - The safer, easier way to pay online!\" alt=\"Donate with PayPal button\" style=\"max-width:200px\"/>\n<img alt=\"\" border=\"0\" src=\"https://www.paypal.com/en_AT/i/scr/pixel.gif\" width=\"1\" height=\"1\" />\n</form>\n\nBTC address:  \n![image](https://user-images.githubusercontent.com/28678851/233090745-a0a6d8a4-6df6-4b82-ac0c-90e69551786e.png)\n\n## Screenshots\n\n![image](https://user-images.githubusercontent.com/28678851/148191571-76bd8d61-4583-4538-8c59-cc2915494890.png)\n\n![image](https://user-images.githubusercontent.com/28678851/148191529-b50c0d17-bcc1-4a78-9d2c-ff2a36b03f52.png)\n\n![image](https://user-images.githubusercontent.com/28678851/148191757-a2520dce-aeed-43df-87b2-3a64e225f9e7.png)\n","readmeFilename":"README.md"}