\n```\n\n## Disabling the scrollbar directive\n\nThere is an input of the directive `enabled` defaults to `true`. Some users may want to control the scrollbar availability by some external condition. You can use the `enabled` input.\n\n```html\n
\n
Long content
\n
\n```\n\n## Options\n\n```ts\nexport interface ISlimScrollOptions {\n position?: 'left' | 'right';\n barBackground?: string;\n barOpacity?: string;\n barWidth?: string;\n barBorderRadius?: string;\n barMargin?: string;\n gridBackground?: string;\n gridOpacity?: string;\n gridWidth?: string;\n gridBorderRadius?: string;\n gridMargin?: string;\n alwaysVisible?: boolean;\n visibleTimeout?: number;\n alwaysPreventDefaultScroll?: boolean;\n}\n```\n**Description:**\n- `position`: The position of the scroll bar (default: `right`).\n- `barBackground`: The background color of the scroll bar (default: `#343a40`).\n- `barOpacity`: Defines the opacity of the scroll bar (default: `1`).\n- `barWidth`: Customize the width of the scroll bar (default: `12` px).\n- `barBorderRadius`: The border radius of the scroll bar (default: `5` px).\n- `barMargin`: The margin of the scroll bar. Supports the CSS-Style spelling (default: `1px 0`).\n- `gridBackground`: The background color of the grid (the line on which the scroll bar is arranged; default: `#adb5bd`).\n- `gridOpacity`: The opacity of the grid (default: `1`).\n- `gridWidth`: The width of the grid (default: `8` px).\n- `gridBorderRadius`: The border radius of the grid (default: `10` px).\n- `gridMargin`: The margin of the grid. Supports the CSS-Style spelling (default: `1px 2px`).\n- `alwaysVisible`: If this option is enabled the scroll bar is displayed permanently, otherwise it will be faded out after the visible timeout (default: `true`).\n- `visibleTimeout`: Represents the time the scroll bar is shown (default: `1000` ms). ***Hint**: It is necessary to set the option `alwaysVisible` to `false`*.\n- `alwaysPreventDefaultScroll`: Disable this flag to forward the scroll event if top or bottom of the slimscroll container is reached (default: `true`)\n\n## Global Default Options\n\nYou can provide global default options. You achieve this by defining a provider in your AppModule using `SCRIMSCROLL_DEFAULTS` [injection token](https://angular.io/guide/dependency-injection#ngmodule-providers).\n\nExample:\n\n```typescript\n@NgModule({\n // Omitted for brevity\n providers: [\n {\n provide: SLIMSCROLL_DEFAULTS,\n useValue: {\n alwaysVisible: false,\n gridOpacity: '0.2',\n barOpacity: '0.5',\n gridBackground: '#c2c2c2',\n gridWidth: '6',\n gridMargin: '2px 2px',\n barBackground: '#2C3E50',\n barWidth: '6',\n barMargin: '2px 2px'\n } as ISlimScrollOptions\n }\n // other providers\n ]\n ]\n})\nexport class AppModule { }\n```\n\n## SlimScroll Event\n\n```ts\nexport interface ISlimScrollEvent {\n type: 'scrollToBottom' | 'scrollToTop' | 'scrollToPercent' | 'scrollTo' | 'recalculate' | 'lock' | 'unlock';\n y?: number;\n duration?: number;\n easing?: 'linear' | 'inQuad' | 'outQuad' | 'inOutQuad' | 'inCubic' | 'outCubic' | 'inOutCubic' |\n 'inQuart' | 'outQuart' | 'inOutQuart' | 'inQuint' | 'outQuint' | 'inOutQuint';\n}\n```\n\nAnd you could be notified for the visibility change event of the scrollbar via `barVisibilityChange`.\n`true` for being visible, `false` for being invisible. For example:\n\n```html\n\n```\n\n## Tests\n\n```sh\nnpm test\n```\n\n## Author\n\n[Jan Kuri](http://www.jankuri.com)\n\n## Licence\n\nThis project is licensed under the MIT license. See the [LICENSE](LICENSE) file for more info.\n","readmeFilename":"README.md"}