# kabinet
App switcher for [Bridgeline](https://wwww.bridgeline.com) applications
## Getting Started
1. Run `npm install @bridgeline-digital/kabinet`
1. Modify your HTML by importing the Kabinet script file and adding the appropriate HTML elements.
```
```
## Methods
Handle the state of the App Switcher Drawer using DOM Event listeners:
```
const trigger = document.querySelector('.kabinet-trigger');
trigger.addEventListener('click', function () {
kabinetComponent.openDrawer();
});
```
| **Name** | **Description** |
| :---------- | :------------------ |
| openDrawer | Displays the Drawer |
| closeDrawer | Hides the Drawer |
## Events
```
kabinetComponent.addEventListener('onOpen' ,() => {
console.log('open-drawer custom event');
});
kabinetComponent.addEventListener('onClose' ,() => {
console.log('close-drawer custom event');
});
```
| Name | Description |
| :------ | :------------------------------- |
| onOpen | Triggers when opening the drawer |
| onClose | Triggers when closing the drawer |
### Development flow
- `npm i`
- `npm run build`
- `npm run serve`
You should develop your changes in the branches and create a pull request where the last commit is
setting the new version number according to the [semantic versioning](http://semver.org/).
Always use the `npm version` command to update the package:
```bash
$ npm version
```
## Publishing
To publish the changes, you have to build the project at [CircleCI](https://circleci.com/gh/Woorank/kabinet).
Successfull build will automatically push the assets into the S3 bucket and NPM registry with the current version number and can be used
in the applications.