{"_id":"@bugix/ngx-accordion","_rev":"2-f97631a91c4df05cc3a52c5a6f7786a1","name":"@bugix/ngx-accordion","dist-tags":{"latest":"0.0.19"},"versions":{"0.0.18":{"name":"@bugix/ngx-accordion","version":"0.0.18","description":"Simple accordion control for your angular applications using bootstrap.","license":"MIT","author":{"name":"Umed Khudoiberdiev","email":"pleerock.me@gmail.com"},"main":"index.js","repository":{"type":"git","url":"git+https://github.com/bugix/ngx-accordion.git"},"bugs":{"url":"https://github.com/bugix/ngx-accordion/issues"},"tags":["accordion","angular","typescript","angular-accordion"],"peerDependencies":{},"devDependencies":{"@angular/common":"^7.0.0","@angular/compiler":"^7.0.0","@angular/compiler-cli":"^7.0.0","@angular/core":"^7.0.0","@angular/forms":"^7.0.0","@angular/platform-browser":"^7.0.0","@angular/platform-browser-dynamic":"^7.0.0","@types/node":"^7.0.0","bootstrap":"^3.3.7","chai":"^3.4.1","del":"^2.2.2","es6-shim":"^0.35.2","gulp":"^3.9.0","gulp-file":"^0.3.0","gulp-mocha":"^3.0.1","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-shell":"^0.5.1","gulp-tslint":"^7.0.1","gulp-typescript":"^3.1.4","gulp-uglify":"^2.0.0","gulpclass":"^0.1.1","mocha":"^3.2.0","reflect-metadata":"0.1.9","rxjs":"^6.3.3","sinon":"^1.17.7","sinon-chai":"^2.8.0","systemjs":"0.19.42","tslint":"^4.3.1","tslint-stylish":"^2.1.0-beta","typescript":"^3.1.3","zone.js":"^0.8.26"},"gitHead":"d5ddda7227fce135e70d46c90773a06129d56364","homepage":"https://github.com/bugix/ngx-accordion#readme","_id":"@bugix/ngx-accordion@0.0.18","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"bugix","email":"martin.imobersteg@gmail.com"},"dist":{"integrity":"sha512-PYELZTHZj4FXC1995iVp1B+KSshgc0SzrzD20sun8RQR4QIeHGaOTC5mhA09xqBm9Jybv7ltpgs7wAELaUvtew==","shasum":"b81d1be73bd8564cc5b2b0ef0375bb8160cd9706","tarball":"https://registry.npmjs.org/@bugix/ngx-accordion/-/ngx-accordion-0.0.18.tgz","fileCount":18,"unpackedSize":62351,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0IEnCRA9TVsSAnZWagAA/U4P/Ar6W6ipeDS5M2wWJm8b\nOOaG0++UshpAdh9wdUl4yaEubeXsuQ/9UqoB2kCUQ2l8VdcRL5X4QP399wfi\n8wn1j21Akjx5J8RseE6kHMmW5T1tRPY9z3zQKyWVJ1o1NFLogzz+lr0y4cgA\nsA2WCqwrfxCSRoJgZLGBKUCxB2TjLRFsmgxn6ERTj5ElA1lCqzJNed7XEzAu\nO+fDdADlWWclQzm8wzeWLnXrRK1RMF5IsWGaGh1p/ScwfFnfVoUx8DhFMQ36\nnEwaML+keK10dZFHIeoap8kHzsAguorZbjpXMBp7VgXlRqkhkpQcU6InmqoJ\nErGXecNDqOt2kynq/1DXk3IhIFY0m/g5AaJn8Q3pVYBJSM3qYIBUY662r2pE\n4nj8AjRjKJW5ACtp4R3vg2d3oGIG22t2K6yJ/gXVqC5WvhMLiHMhzrc3y1nl\nSD7aoadMdAf9qR6Y8RAKd1io26H12HqPTIxgcERfdNP830w4GUIewiqzDcP+\ntTPdKxwIvW+RMkcYrdRWDSFFTN1iuopT2ocs/mJTNM3Bc2JSVMNhEEmwQeCC\n48kRtiUAgpcvqZtU6kxrh+shmXpOaWXoyGBuvs+uwEnIySBm16LkjBtRV17J\n1cEwP7eCi3ZaPwiBLCD5YM5o9aJ9efnjfcqvVw0qXT/QmjvJIY3nwIfYAsKV\nz6bb\r\n=1WfT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDZ3C+dFMxeHGF83ZXOwv63qQaiGN6vhyiXtJvBlLNkkAiEA3QjWX7oz7IqjbuPN1bTMcmVrQHj+XdWTmTAx+4EVJU8="}]},"maintainers":[{"name":"bugix","email":"martin.imobersteg@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-accordion_0.0.18_1540391200179_0.8228520071240497"},"_hasShrinkwrap":false},"0.0.19":{"name":"@bugix/ngx-accordion","version":"0.0.19","description":"Simple accordion control for your angular applications using bootstrap.","license":"MIT","author":{"name":"Umed Khudoiberdiev","email":"pleerock.me@gmail.com"},"main":"index.js","repository":{"type":"git","url":"git+https://github.com/bugix/ngx-accordion.git"},"scripts":{"build":"tsc"},"bugs":{"url":"https://github.com/bugix/ngx-accordion/issues"},"tags":["accordion","angular","typescript","angular-accordion"],"peerDependencies":{},"devDependencies":{"@angular/common":"^7.0.0","@angular/compiler":"^7.0.0","@angular/compiler-cli":"^7.0.0","@angular/core":"^7.0.0","@angular/forms":"^7.0.0","@angular/platform-browser":"^7.0.0","@angular/platform-browser-dynamic":"^7.0.0","@types/node":"^7.0.0","bootstrap":"^3.3.7","chai":"^3.4.1","del":"^2.2.2","es6-shim":"^0.35.2","gulp":"^3.9.0","gulp-file":"^0.3.0","gulp-mocha":"^3.0.1","gulp-rename":"^1.2.2","gulp-replace":"^0.5.4","gulp-shell":"^0.5.1","gulp-tslint":"^7.0.1","gulp-typescript":"^3.1.4","gulp-uglify":"^2.0.0","gulpclass":"^0.1.1","mocha":"^3.2.0","reflect-metadata":"0.1.9","rxjs":"^6.3.3","sinon":"^1.17.7","sinon-chai":"^2.8.0","systemjs":"0.19.42","tslint":"^4.3.1","tslint-stylish":"^2.1.0-beta","typescript":"^3.1.3","zone.js":"^0.8.26"},"gitHead":"4a80d85e9d6f4a5e0502ef116201d1a75a8b6e98","homepage":"https://github.com/bugix/ngx-accordion#readme","_id":"@bugix/ngx-accordion@0.0.19","_npmVersion":"6.4.1","_nodeVersion":"10.11.0","_npmUser":{"name":"bugix","email":"martin.imobersteg@gmail.com"},"dist":{"integrity":"sha512-EERpu/x06H41UYx+yUe4UBPlMS9HVCDzp0KyfbzfsVhsWDyE/sm98y5QSzW+lGbmxG/h9Odg/J24MjgMf73Byw==","shasum":"902aff5a56e1c55a037295a737a4b7be38b0c9d2","tarball":"https://registry.npmjs.org/@bugix/ngx-accordion/-/ngx-accordion-0.0.19.tgz","fileCount":18,"unpackedSize":62377,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0IhBCRA9TVsSAnZWagAA2RwP/iCwUpGxulMpo1e0Srt1\nE7jR662BfBVy4Q0b1DO6gTuus2xRr1NCBM/J/k29YSEroEYsPTfT80Zri5eF\n1SlIFoc6ZKXIHwR5PGSJJI2jftaaVDqh+hnqdW1BGbnnLD52aHuPzRgOO3hl\nOdWhvIFnceJGyq6B7bOtBH+hKcftmW6CXz4pZf24N+14nZdxHnVUf77tKR5t\nAZTsXKruiET5od3YvAQ+nNtmjRHVOI+pO9O9iARVD6BlD6kXSY9KzrnkUZJu\nwt90WlByZs/RPPmzjeeDYG2gyPqa1WhM9MNefojXIQcZtzCR22sRgrzTjoNw\n0X8uFBbfCXyHnpN4g2h/OUUZ8v2mEDB4UOH+Q9XdnAKOGowX4P1t3PToRrvZ\nrI83niUFwP26iOFaUIGlKLjyCveuFvYRUzGuI+2U2ZOEslmxERXcmHY05kql\nE4D5gUKe91RE8AEYnVGmJTZN0z/IlKnZxkMpu9zmIPQu8aHMd+nzWzYuaiQQ\nwMBuypShkh0vIZ57ebDc276JIVh4BOlj4E3tWQjrpe0J1EUna8ivIXAGVFXV\nGoiNXj2SaABhedgUmaB94hRKvw4+4PT8MZINyF4nsSX7fkn6rkuw25X24BWa\n3jbCoKHRKNmVod3Gt1Yl3eKke3rsCis2rpYBrTgx8sfZPPG+3HScAFRUcr9k\n8KCN\r\n=yFw/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBUuBVLnwRwRZdEHxN4I7UqsXmIeNji59fyCLTl5YZm9AiEAssY2lBB3wSn7m5b5sDCBroBmKglVeFD7DG2l5AZ3KT8="}]},"maintainers":[{"name":"bugix","email":"martin.imobersteg@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-accordion_0.0.19_1540393024741_0.09366466841755972"},"_hasShrinkwrap":false}},"time":{"created":"2018-10-24T14:26:40.009Z","0.0.18":"2018-10-24T14:26:40.559Z","modified":"2022-04-04T20:59:46.766Z","0.0.19":"2018-10-24T14:57:04.864Z"},"maintainers":[{"name":"bugix","email":"martin.imobersteg@gmail.com"}],"description":"Simple accordion control for your angular applications using bootstrap.","homepage":"https://github.com/bugix/ngx-accordion#readme","repository":{"type":"git","url":"git+https://github.com/bugix/ngx-accordion.git"},"author":{"name":"Umed Khudoiberdiev","email":"pleerock.me@gmail.com"},"bugs":{"url":"https://github.com/bugix/ngx-accordion/issues"},"license":"MIT","readme":"> This repository is for demonstration purposes of how it can be implemented in Angular and is not maintaned. Please fork and maintain your own version of this repository.\n\n# ngx-accordion\n\nSimple accordion control for your angular2 applications using bootstrap3. Does not depend of jquery.\nIf you don't want to use it without bootstrap - simply create proper css classes. Please star a project if you liked it,\nor create an issue if you have problems with it.\n\n![angular 2 accordion](https://raw.githubusercontent.com/pleerock/ngx-accordion/master/resources/accordion-example.png)\n\n## Installation\n\n1. Install npm module:\n    \n    `npm install ngx-accordion --save`\n\n2. If you are using system.js you may want to add this into `map` and `package` config:\n\n    ```json\n    {\n        \"map\": {\n            \"ngx-accordion\": \"node_modules/ngx-accordion\"\n        },\n        \"packages\": {\n            \"ngx-accordion\": { \"main\": \"index.js\", \"defaultExtension\": \"js\" }\n        }\n    }\n    ```\n\n## Usage\n\nImport `AccordionModule` in your app and start using component:\n\n```typescript\n<accordion [showArrows]=\"true\" [closeOthers]=\"false\" [expandAll]=\"true\">\n    <accordion-group heading=\"Accordion heading\">\n        <accordion-heading>\n            Or <b>custom</b> <accordion-toggle>heading with clickable zone.</accordion-toggle>\n        </accordion-heading>\n        Accordion group contents.\n    </accordion-group>\n    ...\n</accordion>\n```\n\n* `<accordion>`:\n\n    Contains accordion groups.\n\n    * `[showArrows]=\"true|false\"` Indicates if arrows should be shown or not. Default is **false**\n    * `[closeOthers]=\"true|false\"` Indicates if other opened groups should be automatically closed when you open a new group. Default is **true**\n    * `[expandAll]=\"true|false\"` Indicates if all panels should be expanded by default. Default is false. If expandAll is set to true, then the closeOthers option has no effect, since all panels are opened.\n* `<accordion-group>`:\n\n    Used inside `<accordion>` and represents a single collapsible panel.\n\n    * `heading=\"Group heading\"` Simple text group heading\n    * `[disabled]=\"true|false\"` Indicates if this group is disabled or not (expandable or not)\n    * `(onOpen)=\"doSomethingOnOpen()\"` Calls function when this accordion-group is opened\n    * `(onClose)=\"doSomethingOnClose()\"` Calls function when this accordion-group is closed\n    * `(onToggle)=\"doSomethingOnToggle(isOpened)\"` Calls function when this accordion-group is toggled\n    * `<accordion-heading>` Content zone where you can put custom headings\n\n* `<accordion-toggle>`:\n\n    Used inside `<accordion-group>` to provide a *custom clickable zone* for the accordion heading.\n    This is usable when you have clickable controls in your header (for example checkbox) and you don't want\n    accordion to be opened/closed on click of this controls.\n\n## Sample\n\n```typescript\nimport {Component} from \"@angular/core\";\nimport {AccordionModule} from \"ngx-accordion\";\n\n@Component({\n    selector: \"app\",\n    template: `\n<div class=\"container\">\n\n    <!-- regular accordion -->\n    <accordion>\n        <accordion-group heading=\"About me\">\n            Its all about me.\n        </accordion-group>\n        <accordion-group heading=\"Contacts\">\n            This is content of the contacts\n        </accordion-group>\n        <accordion-group heading=\"Map\">\n            Content of the Map\n        </accordion-group>\n        <accordion-group>\n            <accordion-heading>\n                Custom heading\n            </accordion-heading>\n            Its all about me.\n        </accordion-group>\n    </accordion>\n\n    <!-- regular accordion with first opened group -->\n    <accordion>\n        <accordion-group heading=\"About me\" [isOpened]=\"true\">\n            Its all about me.\n        </accordion-group>\n        <accordion-group heading=\"Contacts\">\n            This is content of the contacts\n        </accordion-group>\n        <accordion-group heading=\"Map\">\n            Content of the Map\n        </accordion-group>\n        <accordion-group>\n            <accordion-heading>\n                <b>Custom</b> <i style=\"color: deeppink\">heading</i>\n            </accordion-heading>\n            Its all about me.\n        </accordion-group>\n    </accordion>\n\n    <!-- accordion with arrows -->\n    <accordion [showArrows]=\"true\">\n        <accordion-group heading=\"About me\">\n            Its all about me.\n        </accordion-group>\n        <accordion-group heading=\"Contacts\">\n            This is content of the contacts\n        </accordion-group>\n        <accordion-group heading=\"Map\">\n            Content of the Map\n        </accordion-group>\n        <accordion-group>\n            <accordion-heading>\n                Custom heading\n            </accordion-heading>\n            Its all about me.\n        </accordion-group>\n    </accordion>\n\n    <!-- accordion where you can close multiple groups -->\n    <accordion [closeOthers]=\"false\">\n        <accordion-group heading=\"About me\">\n            Its all about me.\n        </accordion-group>\n        <accordion-group heading=\"Contacts\">\n            This is content of the contacts\n        </accordion-group>\n        <accordion-group heading=\"Map\">\n            Content of the Map\n        </accordion-group>\n        <accordion-group>\n            <accordion-heading>\n                Custom heading\n            </accordion-heading>\n            Its all about me.\n        </accordion-group>\n    </accordion>\n\n    <!-- accordion where all items are expanded by default -->\n    <accordion [expandAll]=\"true\">\n        <accordion-group heading=\"About me\">\n            Its all about me.\n        </accordion-group>\n        <accordion-group heading=\"Contacts\">\n            This is content of the contacts\n        </accordion-group>\n        <accordion-group heading=\"Map\">\n            Content of the Map\n        </accordion-group>\n        <accordion-group>\n            <accordion-heading>\n                Custom heading\n            </accordion-heading>\n            Its all about me.\n        </accordion-group>\n    </accordion>\n\n    <!-- accordion with custom \"clickable zone\" -->\n    <accordion>\n        <accordion-group heading=\"About me\">\n            Its all about me.\n        </accordion-group>\n        <accordion-group heading=\"Contacts\">\n            This is content of the contacts\n        </accordion-group>\n        <accordion-group heading=\"Map\">\n            Content of the Map\n        </accordion-group>\n        <accordion-group>\n            <accordion-heading>\n                <input type=\"checkbox\"> <accordion-toggle>Custom clickable heading</accordion-toggle>\n            </accordion-heading>\n            Its all about me.\n        </accordion-group>\n    </accordion>\n\n</div>\n`\n})\nexport class App {\n\n}\n\n@NgModule({\n    imports: [\n        // ...\n        AccordionModule\n    ],\n    declarations: [\n        App\n    ],\n    bootstrap: [\n        App\n    ]\n})\nexport class AppModule {\n\n}\n```\n\nTake a look on samples in [./sample](https://github.com/pleerock/ngx-accordion/tree/master/sample) for more examples of\nusages.\n\n## Release notes\n\n**0.0.13**\n* added \"disabled\" option to accordion group\n\n**0.0.12**\n* angular last version support\n* fixed issue when accordion is used in ngFor\n* added onOpen, onClose, onToggle event emitters to accordion group\n\n**0.0.9**\n* angular rc.6 support\n\n**0.0.8**\n* angular rc.5 support\n\n**0.0.7**\n* angular rc.2 support. Use older versions if you still using rc1.\n","readmeFilename":"README.md"}