{"_id":"@becorps/vue-accordion","_rev":"6-d88812358593c3950748491d89f625ce","time":{"created":"2021-03-01T08:41:47.072Z","1.0.1":"2021-03-01T08:41:47.460Z","modified":"2022-04-04T18:08:18.055Z"},"name":"@becorps/vue-accordion","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@becorps/vue-accordion","version":"1.0.1","description":"An accordion component for vue.js","author":"","scripts":{"build":"vue-cli-service build --target lib --name accordion ./src/components/Accordion/Index.vue","cm":"git cz","lint":"vue-cli-service lint","prepublishOnly":"yarn run lint && yarn run test && yarn run build","serve":"vue-cli-service serve","test":"yarn run test:unit","test:unit":"vue-cli-service test:unit","semantic-release":"semantic-release"},"dependencies":{"@fortawesome/fontawesome-svg-core":"^1.2.28","@fortawesome/free-solid-svg-icons":"^5.13.0","@fortawesome/vue-fontawesome":"^0.1.9","bootstrap":"^4.4.1","core-js":"^3.5.0","vue":"^2.6.11"},"devDependencies":{"@commitlint/cli":"^8.3.5","@commitlint/config-conventional":"^8.3.4","@semantic-release/changelog":"^5.0.1","@semantic-release/commit-analyzer":"^8.0.1","@semantic-release/git":"^9.0.0","@semantic-release/github":"^7.0.5","@semantic-release/npm":"^7.0.5","@semantic-release/release-notes-generator":"^9.0.1","@vue/cli-plugin-babel":"^4.1.1","@vue/cli-plugin-eslint":"^4.1.1","@vue/cli-plugin-unit-jest":"^4.1.1","@vue/cli-service":"^4.1.1","@vue/eslint-config-standard":"^5.0.1","@vue/test-utils":"1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^26.0.1","commitizen":"^4.1.2","cz-conventional-changelog":"3.2.0","eslint":"^6.7.2","eslint-plugin-import":"^2.20.2","eslint-plugin-node":"^11.1.0","eslint-plugin-promise":"^4.2.1","eslint-plugin-standard":"^4.0.1","eslint-plugin-vue":"^6.0.1","husky":"^4.2.5","node-sass":"^4.14.0","sass-loader":"^8.0.0","semantic-release":"^17.0.7","vue-template-compiler":"^2.6.11"},"bugs":{"url":"https://gitlab.com/belaws.com/vue-accordion/issues"},"homepage":"https://gitlab.com/belaws.com/vue-accordion","husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS"}},"keywords":["vuejs","accordion"],"license":"MIT","main":"./dist/accordion.common.js","repository":{"type":"git","url":"git+https://gitlab.com/belaws.com/vue-accordion.git"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"gitHead":"7f696cb627418da6f216d0afdd21cfa491aa010b","_id":"@becorps/vue-accordion@1.0.1","_nodeVersion":"14.15.4","_npmVersion":"6.14.11","dist":{"integrity":"sha512-wamLFrJzbKl3tgG8iQOQ1WCMjBsg+Ly877my89UdRiYmGLVU8XRuXJvIcRo1JKljxwBWVaweA0AZDqmygSPLGg==","shasum":"7986b0be282fcbd8a70396c7184bb17e63b80645","tarball":"https://registry.npmjs.org/@becorps/vue-accordion/-/vue-accordion-1.0.1.tgz","fileCount":27,"unpackedSize":500737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPKjLCRA9TVsSAnZWagAA6vkP/R2+NT/R68T4M1Wnxxmb\nnBnnDsuusrL33jjEe15swKKQRXO9V0/vvCqKowEVIyd4jmGVWA1iziuF8vFS\n5sKbMawVYk73s/u7LVJJQ8707uq9uKrSJdnNYmWDSDVjYTXlWyOsC7Yy0pXG\nWBWspUMRZucTQTohLzhuU9pVUY2Zg1L5XcIeT5u/LhA38r8uQ0Jz60Pc12po\nVuW6JhDz/moKFxB3Hk8niVqxIKEjlaBflvyDYsicniVsYfpRld+3lVfiJM7U\nTYpNgNwB7DcAqAhL7bebboT+V2tMflCK5m+wnVZ6X0v8PGriRQFnFFIShlDj\naj6M2M8gmrwjYWESTYuI8FkSwu3LKznMAgvSiybpVJgACzPzTvlnD8AIdCxR\nqF6DGLFzmDUkDED9h0CVjyF0Dfy9zMoFONR57ggUC6W/dagg44VfA52CgNX1\nFzBgj/UqOfl9cvvDA/QP1JzXM7BL1EUAtszPgR7LJEH9N6iagL8/u5hu6Tmc\n5j3KFJnlsbcx3/aeMs9/LthpHfY5RTnWh74wwTtQ2NKH9kx9/Q3UOa+o920K\nmbFYv49JuNByIdDSkyBxnMyMfMRUZcofbNpGmzKEt1ixrKS0WIbvjLdb2XoI\n4+oBjecSqEhrITQ+WNRVnJT32NeZg89Xw+7gMvRZbXRwhTACA2+WjYbQ38pC\n4gWf\r\n=VMKz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDEAO6FD3hCRmVhQBemCFR3JqpekES5JztGt768wvEF4QIgIrEacTzUkiyIgfKJDB6VKO9Yhr7x+/ZSlh4ndFxl9I8="}]},"_npmUser":{"name":"daniel3010","email":"dung.vienphamtri@gmail.com"},"directories":{},"maintainers":[{"name":"daniel3010","email":"dung.vienphamtri@gmail.com"},{"name":"belaws","email":"raphael@belaws.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-accordion_1.0.1_1614588107328_0.866396712699661"},"_hasShrinkwrap":false}},"maintainers":[{"name":"daniel3010","email":"dung.vienphamtri@gmail.com"},{"name":"belaws","email":"raphael@belaws.com"}],"description":"An accordion component for vue.js","homepage":"https://gitlab.com/belaws.com/vue-accordion","keywords":["vuejs","accordion"],"repository":{"type":"git","url":"git+https://gitlab.com/belaws.com/vue-accordion.git"},"bugs":{"url":"https://gitlab.com/belaws.com/vue-accordion/issues"},"license":"MIT","readme":"# vue-accordion\n\nAn accordion component for vue.js.\n\n[![Build Status](https://travis-ci.org/dzangolab/vue-accordion.svg?branch=master)](https://travis-ci.org/dzangolab/vue-accordion)\n[![codecov](https://codecov.io/gh/dzangolab/vue-accordion/branch/master/graph/badge.svg)](https://codecov.io/gh/dzangolab/vue-accordion)\n![NPM](https://img.shields.io/npm/v/@becorps/vue-accordion)\n![NPM](https://img.shields.io/npm/l/@becorps/vue-accordion)\n\n## Requirements\n\n* vue.js\n\n## Installation\n\n### Global installation\n\n```\nimport Accordion from '@becorps/vue-accordion'\nimport '@becorps/vue-accordion/dist/accordion.css' // import stylesheet\n\nVue.component(Accordion)\n```\n\n### In-component installation\n\n```\nimport Accordion from '@becorps/vue-accordion'\nimport '@becorps/vue-accordion/dist/accordion.css' // import stylesheet\n\nexport default {\n  components: {\n    Accordion\n  }\n}\n```\n\n## Usage\n\nThe Accordion is meant to be usable out of the box. Include it in your template\nand pass it an `items` prop.\n\n```\n<Accordion\n  :items=\"items\"\n/>\n```\n\n## Props\n\n### `items`\n\nAn Array of standard javascript objects. Each item must have the following properties:\n\n* `title`: the text displayed in the \"trigger\" element of the accordion item, i.e. the part that is always visible, even when the accordion item is collapsed.\n* `content`: the content displayed in the toggleable part of the accordion item, i.e. the part that is visible only when the accordion item is expanded.\n\n### `showToggle`\n\nA boolean indicating whether a toggle button should be displayed in the title or trigger element. Note that the whole title/trigger element is clickable, whether or not the toggle is displayed. The toggle simply acts as a visual clue to the user that the element is expandable/collapsible.\n\nDefault value: `true`\n\n### `transition`\n\nIt is a transition for opening/closing accordion item. It sets The transition-timing-function css property when opening and closing item\n\nDefault value: `ease`\n\n### `duration`\n\nIt is a duration of the transition in millisecond(ms).\n\nDefault value: `350`\n\n## Customization\n\nThe Accordion component is designed with minimal styling.\n\n### SCSS\n\nInstead of importing the css file in component or main.js, you can also import scss file into your app scss file.\n\n```\n@import '~@becorps/vue-accordion/src/assets/scss/accordion.scss';\n```\n\n## Slots\nvue-accordion provides scoped slots in order to customize the accordion.\n\n### Scoped Slot `title`\n\n```vue\n\nIt customize title of accordion.\n\n<Accordion\n  :items=\"items\"\n>\n  <template v-slot:title=\"{index, item}\">\n    <h3>{{ index + 1 }}. {{ item.title }}</h3>\n   </template>\n</Accordion>\n```\n\n\n### Scoped Slot `content`\n\nIt customize content of accordion.\n\n\n```vue\n<Accordion\n  :items=\"items\"\n>\n  <template v-slot:content=\"{index, item}\">\n    <pre>{{ item.title }}</pre>\n   </template>\n</Accordion>\n```\n\n### Scoped Slot `toggle`\n\nIt customize accordion toggle button/icon.\n\n\n```vue\n<Accordion\n  :items=\"items\"\n>\n  <template v-slot:toggle=\"{active}\">\n    <button v-if=\"active\">collapse</button>\n    <button v-else>expand</button>\n   </template>\n</Accordion>\n```\n","readmeFilename":"README.md"}