{"_id":"@2alheure/vue-accordion","_rev":"2-e60288b36012616f56dab7fe828a7a0b","name":"@2alheure/vue-accordion","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.1":{"name":"@2alheure/vue-accordion","version":"1.0.1","description":"A simple Accordion component for Vue.js","main":"src/Accordion.vue","scripts":{"test":"vue serve src/Accordion.vue"},"repository":{"type":"git","url":"git+https://github.com/2alheure/vue_js_accordion.git"},"keywords":["Vue.js","Vue 3","accordion"],"author":{"name":"2alheure","email":"contact@2alheure.fr"},"license":"WTFPL","bugs":{"url":"https://github.com/2alheure/vue_js_accordion/issues"},"homepage":"https://github.com/2alheure/vue_js_accordion#readme","gitHead":"74fb50662af449a3482f09ecc13355270b961e18","_id":"@2alheure/vue-accordion@1.0.1","_nodeVersion":"14.6.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-d5iwaS3lbXLGLfq5Jryx/qw5IGoUdZJYdE7SRCWOS75vMq5jd55JA1EWiCy5uoW4pzb0ncs2OkpgXS5cCPkraA==","shasum":"86146c964076be55b4461192610e24266bc1ba4e","tarball":"https://registry.npmjs.org/@2alheure/vue-accordion/-/vue-accordion-1.0.1.tgz","fileCount":3,"unpackedSize":4371,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLeqoCRA9TVsSAnZWagAAk20QAIl18pU/kfrwpnyDpx7O\n3Va5MurFRpW3wuH28LBJgZNobQzcjdhinqW3VNMMZHGBQQEGyYaOEFx0kcdA\nXv7QlxnIuHPipIZbSVDhCQueXvojFEW1gLcOxmrfKuZ5CJosy0e5NuXrYGSk\nkrp3tE5UlhNoeozUx7ETd+p3G0ZyWn+j5LHBCzhd6BeGvJENDWSfD6EeX7CG\nGqL/CxXAMlM9KVH/yGMEVZ4JgCg/6lg0QJuRhSRa6ctQPRc5Rpk+TOBmFuGR\nHYuk1avFdgXf9wK4fx0d8R6tiChRvrLBYmQ8zBeJ2WQSLI5CWykkj9jeD3BP\nisFr4MZ63xPEfG1BoHY+1rtVGm9mBihEruGUvfM5uuZXp/hF+2DLAUbTbBW/\nnunwcqOzxEasVn8cH8Mb0ATZi69QL8Coa85yEB2GlHfcLuNEebYxsBp1VZHP\nf2mGHf5e8Kstb2r55dPHuULHPET99tRydr6heyMrsHT/amz1EXCid0lAPKHh\nk/9JsyQ9hEGviZ6aPdiA9p/Yp4WbRjn1sovyq1JkpJjod9mqFszg9jM5aEN1\nCBwW2wVrHaQ4grNuNafxY0HCK7fda08wlVrzrHfcmR7FAqG/E+KEC7bxMEQu\nLgcfVCl9A+o9UarWPAjMXm2X49P4WJRMBKbU34AXYZFwD6aAmqjWc68MH7TQ\nME+/\r\n=rOTT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCHTNy1qNhIaqKWKD/MinnF6/IpYKGbWqXrULg1CAxdhwIgMKosyOb3WVA7KGxguGxPE6lEz9Q34gsvCG1V6Lm1gxQ="}]},"_npmUser":{"name":"2alheure","email":"jordan.juventin@2alheure.fr"},"directories":{},"maintainers":[{"name":"2alheure","email":"jordan.juventin@2alheure.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-accordion_1.0.1_1630399144148_0.9675275110878949"},"_hasShrinkwrap":false},"1.0.2":{"name":"@2alheure/vue-accordion","version":"1.0.2","description":"A simple Accordion component for Vue.js","main":"src/Accordion.vue","scripts":{"test":"vue serve src/Accordion.vue"},"repository":{"type":"git","url":"git+https://github.com/2alheure/vue_js_accordion.git"},"keywords":["Vue.js","Vue 3","accordion"],"author":{"name":"2alheure","email":"contact@2alheure.fr"},"license":"WTFPL","bugs":{"url":"https://github.com/2alheure/vue_js_accordion/issues"},"homepage":"https://github.com/2alheure/vue_js_accordion#readme","gitHead":"794264a496cdc3350f9cdff2d34dc7876f2295e3","_id":"@2alheure/vue-accordion@1.0.2","_nodeVersion":"14.6.0","_npmVersion":"6.14.6","dist":{"integrity":"sha512-jY+qSs1eqUSLJ2JJuJ2058UVPgUS+FKcQSD6DJg09pzAxqLHepJWFdl91f7nGBshPzRexlyKDxY4bWpnHclNJw==","shasum":"ca0800fe5cfc8e7bc8092b031d4fe8fbed0157bd","tarball":"https://registry.npmjs.org/@2alheure/vue-accordion/-/vue-accordion-1.0.2.tgz","fileCount":3,"unpackedSize":6279,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhLj5ZCRA9TVsSAnZWagAAN7MQAKRaP6BsJJAzkQw4qXdZ\nUhxkBOZ+d5FmjxS1G/oa2MhAwjVz/fH8+oIDi5Ky3UmbUy5Wnha4gQpQVk+E\n+4UCB/NdtRbPB9Ns5sDLyZky64zWMuUdrfWBfAN91dhKQt479XH9VKeBbh+P\nI8vhqximr64Ruz0R5sDTUhGdt7zbzmDWpqxHeQ2AVRf85ph3dx/pOC8kxfDl\nTVOsCmCxqFcxdUychS3zSr0dJ1NVBdC77PiNWjyzusAGaeAIeeUMJXdZ+t+n\nj2mNMruxHUXHCi1sXSKBQRC9us/Mi3sBjPmqLuvX8tm+sY65G1QLCdbfZsaQ\nsO7PGgXo9waqtPYSK/+qPFcp4ecSB7TK1SG3Ew95qyRL9wjzwKPr1gwOp5KC\nq2liLwR4okeqiOj4ezUCg6gWIjmgR7l5Nsz0bUIlSQybYf9DmM8/ALV/KMiI\nTZ6rZlZEEI3175JiiX+6p2rbOV9TreD38dMYMQZOQmJZ7PBTv+oQl5SsJTVV\ncjaU1g5qFZtwnY0JRD+djlw65oxNGPH/AAG0XefBUWyYSZzMQXQnvuWmgLjw\nVWKubvdUEDiG30tycK+nVju7uzegmaG4YXX8/IUCmHgyTfRr91AmjpmLlDNm\nfEx4cGjRpJIbMjnovXiVXhDj+K2+5Suf89gftl8QLbA/2uVFI4sdyF0IUeyE\nh65N\r\n=XgGZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHaAhdInUuv4VcC4YLm16wBVfRXhwkNFH5pMjZetdDcfAiEAsObfWYezNA8EzRC4RO+bBqXYMA+ZeqS0VdBtZIVhtjc="}]},"_npmUser":{"name":"2alheure","email":"jordan.juventin@2alheure.fr"},"directories":{},"maintainers":[{"name":"2alheure","email":"jordan.juventin@2alheure.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-accordion_1.0.2_1630420569544_0.5733399692515917"},"_hasShrinkwrap":false}},"time":{"created":"2021-08-31T08:39:04.069Z","1.0.1":"2021-08-31T08:39:04.280Z","modified":"2022-04-04T10:41:58.829Z","1.0.2":"2021-08-31T14:36:09.665Z"},"maintainers":[{"name":"2alheure","email":"jordan.juventin@2alheure.fr"}],"description":"A simple Accordion component for Vue.js","homepage":"https://github.com/2alheure/vue_js_accordion#readme","keywords":["Vue.js","Vue 3","accordion"],"repository":{"type":"git","url":"git+https://github.com/2alheure/vue_js_accordion.git"},"author":{"name":"2alheure","email":"contact@2alheure.fr"},"bugs":{"url":"https://github.com/2alheure/vue_js_accordion/issues"},"license":"WTFPL","readme":"# Vue JS Accordion\r\nA simple Accordion component for Vue JS.  \r\nThis component is compatible with Vue 3.\r\n\r\n- [Vue JS Accordion](#vue-js-accordion)\r\n  - [Installation](#installation)\r\n  - [Usage](#usage)\r\n    - [Simple usage example](#simple-usage-example)\r\n  - [Props](#props)\r\n  - [Events](#events)\r\n\r\n## Installation\r\nFirst, run `npm install @2alheure/vue-accordion`.  \r\nThen import it with `import Accordion from \"@2alheure/vue-accordion\";`.  \r\n\r\n## Usage\r\n### Simple usage example\r\n```html\r\n<Accordion :headerStyle=\"headerStyle\" :contentStyle=\"contentStyle\">\r\n  <template #header\">\r\n    Your accordion title. Can also be <strong>HTML</strong>.\r\n  </template>\r\n\r\n  Your accordion content. It can be simple text like this.\r\n  <p>It can also be HTML.</p>\r\n</Accordion>\r\n\r\n<script>\r\n  import Accordion from \"@2alheure/vue-accordion\";\r\n  \r\n  export default {\r\n    components: {\r\n      Accordion\r\n    },\r\n    data() {\r\n      return {\r\n        headerStyle: 'background-color: white;',\r\n        contentStyle: {\r\n          color: 'red',\r\n          fontSize: '42px'\r\n        }\r\n      }\r\n    }\r\n  };\r\n</script>\r\n```\r\n\r\n## Props\r\n| Name           |      Type       |                         Default value                          | Description                                                |\r\n| :------------- | :-------------: | :------------------------------------------------------------: | ---------------------------------------------------------- |\r\n| opened         |     Boolean     |                            `false`                             | Whether the content should be displayed when loaded.       |\r\n| symbolOpened   |     String      |                             `&or;`                             | The symbol to use for the opened accordion. (Can be HTML.) |\r\n| symbolClosed   |     String      |                             `&gt;`                             | The symbol to use for the closed accordion. (Can be HTML.) |\r\n| headerStyle    | String / Object |                       `padding: .5rem;`                        | The style for the header.                                  |\r\n| symbolStyle    | String / Object | `font-size: 1.5rem; font-weight: 700; vertical-align: middle;` | The style for the symbol.                                  |\r\n| contentStyle   | String / Object |          `width: 98%; margin: auto; padding: .5rem;`           | The style for the content.                                 |\r\n| accordionClass | String / Object |                             `null`                             | The classes for the accordion.                             |\r\n| headerClass    | String / Object |                             `null`                             | The classes for the header.                                |\r\n| symbolClass    | String / Object |                             `null`                             | The classes for the symbol.                                |\r\n| contentClass   | String / Object |                             `null`                             | The classes for the content.                               |\r\n\r\n## Events\r\n| Name   | Description                                                      |\r\n| :----- | ---------------------------------------------------------------- |\r\n| open   | Emitted each time the accordion is opened.                       |\r\n| close  | Emitted each time the accordion is closed.                       |\r\n| switch | Emitted each time the accordion switches between open and close. |\r\n","readmeFilename":"README.md"}