{"_id":"@develukrosoft/grapesjs-accordion","_rev":"1-e5faf6e5f58e2ddf6522091016e1935a","name":"@develukrosoft/grapesjs-accordion","dist-tags":{"latest":"1.0.8"},"versions":{"1.0.8":{"name":"@develukrosoft/grapesjs-accordion","version":"1.0.8","description":"grapesjs-accordion","main":"dist/grapesjs-accordion.min.js","publishConfig":{"registry":"https://registry.npmjs.org/","access":"public"},"scripts":{"start":"grapesjs-cli serve","build":"grapesjs-cli build","bump":"npm version patch -m 'Bump v%s'","semantic-release":"semantic-release"},"keywords":["grapesjs","plugin","accordion","grapesjs-accordion","grapesjs-tabs"],"devDependencies":{"@semantic-release/git":"^9.0.0","@semantic-release/gitlab":"^6.0.9","@semantic-release/npm":"^7.0.10","grapesjs-cli":"^1.0.13","semantic-release":"^17.4.2"},"license":"MIT","bugs":{"url":"https://gittool.ukrosoft.com.ua/npm-packages/grapesjs-accordion"},"homepage":"https://gittool.ukrosoft.com.ua/npm-packages/grapesjs-accordion","dependencies":{},"repository":{"type":"git","url":"git@gittool.ukrosoft.com.ua:npm-packages/grapesjs-accordion.git"},"author":{"name":"Ukrosoft"},"gitHead":"a284e1850190473d84a3a0803734ab00bbd89b7b","_id":"@develukrosoft/grapesjs-accordion@1.0.8","_nodeVersion":"14.16.0","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Umen+0sKLnyp4zXrphHjj3DEUkAFGNAH9VWPxdvSM8ejGLdLJzqC/rWVkLb/udwU+00e50FEOryTweb8xApNLA==","shasum":"d1005fbf79474e11085de4bc05ef1af9cd6890ec","tarball":"https://registry.npmjs.org/@develukrosoft/grapesjs-accordion/-/grapesjs-accordion-1.0.8.tgz","fileCount":14,"unpackedSize":63396,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgVNWDCRA9TVsSAnZWagAA+9gQAKPq1ef6X6FZ8nMCotHg\n1gsfu5xdv2l7vitBQv3umrnIwg4na5aU3PZItrCkqy4sA20xgmwVvJj8rKWN\nhiekpe27yUWdM1R6dcZAU4n+biJh8tG6gwLjujo26kpJzoIPeHe11j92kNPN\nnkxLCieZXPJGzH1oDPVGsqTvJpqLT5fgJSfef29LHyxVXcL6FuOpSOPLbKLQ\nisRXCrFR2PRYtvwGYX8zsWp2OPht19q8k/S7nxG3Xb3QjbmyTXtpxWaynCYy\nqIRVRbbOQa6LaBkIVzuo1WM2pL+G7AkLZgYWTnP6GDQqBBCjTnSzIwhMBLMG\neaJHYWB4EOeEiRi+547jLI4hDJZva1C7T9sZwKGiDxt2gxiorVJEUtPhjRob\nSgcR6hsjKjRJmG6lzG8hXyBMbmWsHAQ/Z4ePjFro7SO4v7UIQQPL77ukWFkx\nG4lyhGhK76XB2goDRomzVvwkSe8IzeM1Y6mssmr5Yk9LfEtAkihQStBlImbj\nY6wc4N1ILX/GCb5c9NQ7t5zFbUJgN45e4kGIEXOuffDjYU/csUGiFj8h0MWA\nxkZRc5z77+Wi2DcVHDssp7IK4wXdA40F6YrQaoSzaPscV8Vcd5jl44cp91J2\nAbJ80DZLo5LKkGIKrWy9Sy5wm4TcuLSeEFv6T0SsaIgObelPojVTtumJS5Rr\n770q\r\n=8+as\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBbFRGQgFG4tTEgCwQJ79yeVHsAGxRQPJVThKge1MvzWAiEA93DGi7UcygAwY5r28OrOsw3l0NySpkZXM5QHcC4YDeo="}]},"_npmUser":{"name":"develukrosoft","email":"develukrosoft@gmail.com"},"directories":{},"maintainers":[{"name":"develukrosoft","email":"develukrosoft@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/grapesjs-accordion_1.0.8_1616172418954_0.18616337386883353"},"_hasShrinkwrap":false}},"time":{"created":"2021-03-19T16:46:58.908Z","1.0.8":"2021-03-19T16:46:59.168Z","modified":"2022-04-05T04:05:13.681Z"},"maintainers":[{"name":"develukrosoft","email":"develukrosoft@gmail.com"}],"description":"grapesjs-accordion","homepage":"https://gittool.ukrosoft.com.ua/npm-packages/grapesjs-accordion","keywords":["grapesjs","plugin","accordion","grapesjs-accordion","grapesjs-tabs"],"repository":{"type":"git","url":"git@gittool.ukrosoft.com.ua:npm-packages/grapesjs-accordion.git"},"author":{"name":"Ukrosoft"},"bugs":{"url":"https://gittool.ukrosoft.com.ua/npm-packages/grapesjs-accordion"},"license":"MIT","readme":"# grapesjs-accordion\n\n<!-- [START badges] -->\n\n<p align=\"center\">\n  <a href=\"https://www.npmjs.com/package/grapesjs-accordion\"><img src=\"https://img.shields.io/npm/v/grapesjs-accordion.svg\" alt=\"NPM version\" /></a>\n  <a href=\"https://www.npmjs.com/package/grapesjs-accordion\"><img src=\"https://img.shields.io/npm/dw/grapesjs-accordion.svg\" alt=\"NPM downloads\" /></a>\n  <a href=\"https://travis-ci.com/github/Anubhavjain786/grapesjs-accordion\"><img src=\"https://api.travis-ci.com/Anubhavjain786/grapesjs-accordion.svg?branch=master&status=passed\" alt=\"Travis build\" /></a>\n  <a href=\"https://discord.gg/s2jebu\"><img src=\"https://img.shields.io/badge/chat-discord-7289da.svg\" alt=\"Chat Discord\" /></a>\n  <a href=\"https://github.com/Anubhavjain786/grapesjs-accordion/issues\"><img src=\"https://img.shields.io/github/issues/Anubhavjain786/grapesjs-accordion.svg\" alt=\"GitHub issues\" /></a>\n  <a href=\"https://david-dm.org/Anubhavjain786/grapesjs-accordion\"><img src=\"https://img.shields.io/david/Anubhavjain786/grapesjs-accordion.svg\" alt=\"dependencies status\"></a>\n  <a href=\"https://david-dm.org/Anubhavjain786/grapesjs-accordion?type=dev\"><img src=\"https://david-dm.org/Anubhavjain786/grapesjs-accordion/dev-status.svg\" alt=\"devDependencies status\" /></a>\n</p>\n\n<!-- [END badges] -->\n\n[DEMO](http://grapesjs.com/demo.html)\n\n<!-- > **Provide a live demo of your plugin**\n> For a better user engagement create a simple live demo by using services like [JSFiddle](https://jsfiddle.net) [CodeSandbox](https://codesandbox.io) [CodePen](https://codepen.io) and link it here in your README (attaching a screenshot/gif will also be a plus).\n> To help you in this process here below you will find the necessary HTML/CSS/JS, so it just a matter of copy-pasting on some of those services. After that delete this part and update the link above -->\n\n### Requirements\n\n```\n- GrapesJS v0.13.8 or higher\n```\n\n### HTML\n\n```html\n<link\n  href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\"\n  rel=\"stylesheet\"\n/>\n<script src=\"https://unpkg.com/grapesjs\"></script>\n<script src=\"https://unpkg.com/grapesjs-accordion\"></script>\n\n<div id=\"gjs\"></div>\n```\n\n### JS\n\n```js\nconst editor = grapesjs.init({\n  container: \"#gjs\",\n  height: \"100%\",\n  fromElement: true,\n  storageManager: false,\n  plugins: [\"grapesjs-accordion\"],\n});\n```\n\n### CSS\n\n```css\nbody,\nhtml {\n  margin: 0;\n  height: 100%;\n}\n```\n\n## Summary\n\n- Plugin name: `grapesjs-accordion`\n- Components\n  - `accordions` - Main accordions component\n  - `accordion-container` - Component which contains a single accordion\n  - `accordion` - Single accordion component\n  - `accordion-content` - Accordion's content\n- Blocks\n  - `accordions`\n\n## Options\n\n| Option                     | Description                                                                                                                                     | Default                                |\n| -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- |\n| `accordionsBlock`          | Object to extend the default accordions block, eg. `{ label: 'Accordions', attributes: { ... } }`. Pass a falsy value to avoid adding the block | `{}`                                   |\n| `accordionsProps`          | Object to extend the default accordions properties, eg. `{ name: 'My Accordions', droppable: false, ... }`                                      | `{}`                                   |\n| `accordionProps`           | Object to extend the default accordion properties                                                                                               | `{}`                                   |\n| `accordionContentProps`    | Object to extend the default accordion content properties                                                                                       | `{}`                                   |\n| `accordionContainerProps`  | Object to extend the default accordion container properties                                                                                     | `{}`                                   |\n| `attrAccordions`           | Accordions attribute identifier (main component)                                                                                                | `data-accordions`                      |\n| `attrAccordion`            | Accordion attribute identifier                                                                                                                  | `data-accordion`                       |\n| `attrAccordionContent`     | Accordion content attribute identifier                                                                                                          | `data-accordion-content`               |\n| `attrAccordionContainer`   | Accordion container attribute identifier                                                                                                        | `data-accordion-container`             |\n| `classAccordion`           | Default class to use on accordion                                                                                                               | `accordion`                            |\n| `classAccordionActive`     | Class used on accordions when active                                                                                                            | `accordion-active`                     |\n| `classAccordionContent`    | Default class to use on accordion content                                                                                                       | `accordion-content`                    |\n| `classAccordionContainer`  | Default class to use on accordion container                                                                                                     | `accordion-container`                  |\n| `selectorAccordion`        | The attribute used inside accordions as a selector for accordion contents                                                                       | `href`                                 |\n| `template`                 | Default accordions template                                                                                                                     | `<nav ....` (check the source)         |\n| `templateAccordionContent` | Default template for new added accordion contents                                                                                               | `<div>New Accordion Content</div>`     |\n| `style`                    | Default style for accordions                                                                                                                    | `.accordion { ....` (check the source) |\n\n## Download\n\n- CDN\n  - `https://unpkg.com/grapesjs-accordion`\n- NPM\n  - `npm i grapesjs-accordion`\n- GIT\n  - `git clone https://github.com/anubhavjain786/grapesjs-accordion.git`\n\n## Usage\n\nDirectly in the browser\n\n```html\n<link\n  href=\"https://unpkg.com/grapesjs/dist/css/grapes.min.css\"\n  rel=\"stylesheet\"\n/>\n<script src=\"https://unpkg.com/grapesjs\"></script>\n<script src=\"path/to/grapesjs-accordion.min.js\"></script>\n\n<div id=\"gjs\"></div>\n\n<script type=\"text/javascript\">\n  var editor = grapesjs.init({\n    container: \"#gjs\",\n    // ...\n    plugins: [\"grapesjs-accordion\"],\n    pluginsOpts: {\n      \"grapesjs-accordion\": {\n        /* options */\n      },\n    },\n  });\n</script>\n```\n\nModern javascript\n\n```js\nimport grapesjs from 'grapesjs';\nimport plugin from 'grapesjs-accordion';\nimport 'grapesjs/dist/css/grapes.min.css';\n\nconst editor = grapesjs.init({\n  container : '#gjs',\n  // ...\n  plugins: [plugin],\n  pluginsOpts: {\n    [plugin]: { /* options */ }\n  }\n  // or\n  plugins: [\n    editor => plugin(editor, { /* options */ }),\n  ],\n});\n```\n\n## Development\n\nClone the repository\n\n```sh\n$ git clone https://github.com/anubhavjain786/grapesjs-accordion.git\n$ cd grapesjs-accordion\n```\n\nInstall dependencies\n\n```sh\n$ npm i\n```\n\nStart the dev server\n\n```sh\n$ npm start\n```\n\nBuild the source\n\n```sh\n$ npm run build\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}