{"_id":"@edmbn-wc/accordion","_rev":"1-803f14b17a022e3722375ab6e57d4fa1","name":"@edmbn-wc/accordion","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@edmbn-wc/accordion","version":"1.0.0","description":"Accordion web component built with Stencil One.","main":"dist/index.js","module":"dist/index.mjs","es2015":"dist/esm/index.mjs","es2017":"dist/esm/index.mjs","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/edmbn-accordion/edmbn-accordion.js","homepage":"https://github.com/edmbn/accordion/#readme","repository":{"type":"git","url":"git+https://github.com/edmbn/accordion.git"},"publishConfig":{"access":"public"},"keywords":["accordion","expansion","panel","web","component"],"scripts":{"build":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","test.watch":"stencil test --spec --e2e --watchAll"},"devDependencies":{"@stencil/core":"^1.1.6","@stencil/postcss":"^1.0.1"},"dependencies":{"@types/node":"^12.0.8","postcss-import":"^12.0.1","tailwindcss":"^1.0.4"},"license":"MIT","gitHead":"f004f6595ac438d1035d7adc39fe9cd3041aacd7","bugs":{"url":"https://github.com/edmbn/accordion/issues"},"_id":"@edmbn-wc/accordion@1.0.0","_nodeVersion":"12.11.1","_npmVersion":"6.11.3","dist":{"integrity":"sha512-WA4c5Lh1E03kY0mvz9HXGscTohhuRYvU/dYn/MjnDfwhqJmPK1rbiHqBers4jkaBTUCpNJZjMcaDI4WQzO6nPw==","shasum":"92418bf87d800f1db608802b6f5bf1ca6695ea7b","tarball":"https://registry.npmjs.org/@edmbn-wc/accordion/-/accordion-1.0.0.tgz","fileCount":67,"unpackedSize":3234013,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdzG+pCRA9TVsSAnZWagAAtHYP/0sHIx13xf+6vUOfbYKM\nOCJHFnFZDcPp1kUFmSjmLOU40Th5Jf9fKtIW0ehQx3Fv5RJAu3X0edNb8q/y\nIwF6DRwHl7cRCDSXT9QzPoBX0TN7y38TpXEDjzEk/3VMdDsomCu//lVThgW/\nRJvp2iA1ZD2umfE4IbItv3Nj5cYutvPTMgKfPy0Zw53Ls9Hvt+ylwR7AwCn4\niAfg4ft2rNVtfKM8a12JqFg9K4pFqnmQDLn9aOMpoui/QEiR8WI50b3l3PXS\nvHA5+62efKQnUfF9jch5usmRhCVp0bK7MXNae/DS2XI6JAN7gQF3oSkibMcU\nuaalEaWhF1MHW1hPelGtXPi2rpJG7LyVhStlc1Sj24gienLYk9gbo+FTwdQi\ne2OQNNisaefXhH4mGzDXHm3nZ7OQ411HAn2qisneFItLqeA270wW5LF9kFDc\n8rnvvGBBGymieqKcEQ17wyVxzRriZa8PdswMyZ6ZvXrmySYCbvGfLRgyECxv\nfXyK7Ia0fPD7fbQ7B8qO9GAkqZUiqDIlTTQv3qS3ykWIXcdBNlG7ZspjKRnK\nlY+PY6dYZRQbuw6dMHg9cWvhH9cnwl4/J7jrNz23yXQ+ykxhWzvdPcCUEL6z\n/5iogvG2qSqEcj5PVSSJKxBCFdX0mwJyhA7eL/OyMyxU2+g5wPuDk/zGc0Ls\nmsjt\r\n=XiUh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAKaOEWOjEGazZelq2+xz/ThiqCgsVP9jybRX5YlyJc9AiEAtbVYdccJLCKwfNuMv4917eHapg15zj1ZU9UyTerdMfs="}]},"maintainers":[{"name":"edmbn","email":"eduard.monfort@gmail.com"}],"_npmUser":{"name":"edmbn","email":"eduard.monfort@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/accordion_1.0.0_1573679016985_0.3697784247432838"},"_hasShrinkwrap":false}},"time":{"created":"2019-11-13T21:03:36.758Z","1.0.0":"2019-11-13T21:03:37.186Z","modified":"2022-04-05T06:42:44.636Z"},"maintainers":[{"name":"edmbn","email":"eduard.monfort@gmail.com"}],"description":"Accordion web component built with Stencil One.","homepage":"https://github.com/edmbn/accordion/#readme","keywords":["accordion","expansion","panel","web","component"],"repository":{"type":"git","url":"git+https://github.com/edmbn/accordion.git"},"bugs":{"url":"https://github.com/edmbn/accordion/issues"},"license":"MIT","readme":"# Accordion Web Component\n\n## Installation\n\n```bash\n npm i @edmbn-wc/accordion\n```\n\n## Usage\n\nIn your HTML files:\n\n```\n \n
\n \n
\n \n```\n\nInclude attribute **slot=\"content\"** to all the content that you want to be inside the accordion.\n\n### Javascript or AngularJS (1.x)\n\n```\n\n```\n\n### Angular 2+\n\nSomewhere in your project (e.g. `main.ts`):\n\n```\nimport { defineCustomElements as accordionLoader } from 'edmbn-accordion/loader';\naccordionLoader(window);\n\n```\n\n### React\n\nOn your index.js:\n\n```\nimport { defineCustomElements as accordionLoader } from 'edmbn-accordion/loader';\naccordionLoader(window);\n```\n\n### Vue\n\n```\nimport { defineCustomElements as accordionLoader } from 'edmbn-accordion/loader';\nVue.config.ignoredElements = [/test-\\w*/];\naccordionLoader(window);\n```\n\n## Properties\n\n| Property | Default | Description |\n| :----------------: | :-----: | :---------------------------------------------: |\n| `header-title` | | Set the accordion header title. |\n| `expanded` | `false` | Set the default position. |\n| `bordered` | `false` | Set border top and bottom by default on header. |\n| `lost-focus-close` | `false` | Whether to close accordion when loosing focus. |\n\n## Customize CSS\n\n| Variable | Default |\n| :-------------------------: | :---------------------------------------------------------: |\n| `--header-height` | 50px |\n| `--header-background-color` | white |\n| `--header-button-color` | black |\n| `--header-button-width` | 1.5rem |\n| `--header-text-color` | black |\n| `--header-font-weight` | 700 |\n| `--header-font-size` | 1rem |\n| `--header-border-top` | var(--border-width) var(--border-style) var(--border-color) |\n| `--header-border-bottom` | var(--border-width) var(--border-style) var(--border-color) |\n| `--header-border-left` | none |\n| `--header-border-right` | none |\n| `--border-style` | solid |\n| `--border-width` | 1px |\n| `--border-color` | #ccc |\n\n## Contribute\n\n```bash\ngit clone https://github.com/edmbn/accordion.git\ncd edmbn-accordion\n```\n\nand run:\n\n```bash\nnpm install\nnpm start\n```\n\nTo build the component for production, run:\n\n```bash\nnpm run build\n```\n","readmeFilename":"readme.md"}