diff --git a/packages/overlayscrollbars-ngx/LICENSE b/packages/overlayscrollbars-ngx/LICENSE new file mode 100644 index 0000000..b35e71c --- /dev/null +++ b/packages/overlayscrollbars-ngx/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2019 Rene Haas + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/packages/overlayscrollbars-ngx/README.md b/packages/overlayscrollbars-ngx/README.md new file mode 100644 index 0000000..b44b28f --- /dev/null +++ b/packages/overlayscrollbars-ngx/README.md @@ -0,0 +1,111 @@ +

+ Angular + OverlayScrollbars +

+
+ Angular + OverlayScrollbars + Downloads + License +
+

+ Example +   •   + Documentation +   •   + FAQ +

+
+ The official OverlayScrollbars wrapper for Angular. +
+ +## Installation +```sh +npm install overlayscrollbars-ngx +``` + +## Peer Dependencies +OverlayScrollbars for Angular has the following **peer dependencies**: +- The vanilla JavaScript library: [overlayscrollbars](https://www.npmjs.com/package/overlayscrollbars) +``` +npm install overlayscrollbars +``` +- The Angular framework: [@angular/core](https://www.npmjs.com/package/@angular/core) +``` +npm install @angular/core +``` +## TypeScript +- In case you are using TypeScript, you have to install the [OverlayScrollbars typings](https://www.npmjs.com/package/@types/overlayscrollbars): +``` +npm install @types/overlayscrollbars +``` +Since this wrapper is written in TypeScript it comes with its generated typings.
+Check out the [recommended](https://github.com/KingSora/OverlayScrollbars#typescript) **tsconfig.json** options. + +## Usage +#### CSS +You have to import the `OverlayScrollbars.css` by yourself.
+The component **doesn't** do it for you as the styles are **global styles**!
+There are different ways to achieve this, in Angular the most simple way for me was to add [this line](https://github.com/KingSora/OverlayScrollbars/blob/master/packages/overlayscrollbars-ngx/example/src/styles.css#L1) in the `styles` file: +```css +@import '~overlayscrollbars/css/OverlayScrollbars.css'; +``` + +#### Import +First you need to import the module into your modules file: +```ts +import { NgModule } from '@angular/core'; +import { OverlayscrollbarsModule } from 'overlayscrollbars-ngx'; + +@NgModule({ + imports: [ OverlayscrollbarsModule ] +}) +export class AppModule { } +``` +After that you can import the component into your file(s): +```ts +import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx'; +``` + +#### Template +After the import you can use it in templates like: +```html + + example content + +``` + +#### Properties +Two properties are accepted: `options` and `extensions`. +- The `options` property accepts a `object` and can be changed at any point in time, and the plugin will adapt. +- The `extensions` property accepts a `string`, `string array` or `object` and is only taken into account if the component gets mounted. + +```html + + +``` +You can read more about the `options` object [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/options), `extensions` are documented [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/extensions-basics) and [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/initialization). + +#### Instance +If you get the component reference, it provides two methods: `osInstance()` and `osTarget()`. +- The `osInstance()` method returns the OverlayScrollbars `instance` of the component, or `null` if the instance isn't initialized yet or already destroyed. +- The `osTarget()` method returns the native `html` element to which the plugin was initialized, or `null` if the the component isn't mounted yet or already unmounted. + +## Example App +In case you need a example app for reference, you can use the example app in this repo(`example folder`): +- [Live example](https://kingsora.github.io/OverlayScrollbars/frameworks/angular/) +- [Source code](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-ngx/example) + +If you wanna build the example app, run these commands: +```sh +npm run setup +npm run build +npm run example +``` + +## License + +MIT \ No newline at end of file diff --git a/packages/overlayscrollbars-ngx/build.js b/packages/overlayscrollbars-ngx/build.js index 1c023d9..43eafc7 100644 --- a/packages/overlayscrollbars-ngx/build.js +++ b/packages/overlayscrollbars-ngx/build.js @@ -20,7 +20,6 @@ const packagePaths = { } const rollupUmdGlobals = { '@angular/core': 'ng.core', - '@angular/common': 'ng.common', 'rxjs': 'rxjs', 'overlayscrollbars': 'OverlayScrollbars' }; @@ -28,6 +27,7 @@ const rollupUmdGlobals = { const packageJson = require(filesInfo.packageJsonPath); const tsconfigJson = require(filesInfo.tsconfigJsonPath); +const path = require('path'); const sh = require('shelljs'); const chalk = require('chalk'); const gulp = require('gulp'); @@ -99,9 +99,8 @@ gulp.task('packageJson', function (done) { ...packagePaths, name: packageName, files: [ - filesInfo.srcFolder, - filesInfo.distFolder, - 'README.md' + path.normalize(filesInfo.srcFolder), + path.normalize(filesInfo.distFolder) ] }; sh.ShellString(JSON.stringify(newPackageJson, null, 4)).to(filesInfo.packageJsonPath); diff --git a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js index 63d191f..2df10fb 100644 --- a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js +++ b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js @@ -29,17 +29,17 @@ var OverlayScrollbarsComponent = (function () { }; OverlayScrollbarsComponent.decorators = [ { type: Component, args: [{ - selector: "overlay-scrollbars", - template: "", - styles: [":host { display: block; }"] + selector: 'overlay-scrollbars', + template: '', + styles: [':host { display: block; }'] },] }, ]; OverlayScrollbarsComponent.ctorParameters = function () { return [ { type: ElementRef } ]; }; OverlayScrollbarsComponent.propDecorators = { - _options: [{ type: Input, args: ["options",] }], - _extensions: [{ type: Input, args: ["extensions",] }] + _options: [{ type: Input, args: ['options',] }], + _extensions: [{ type: Input, args: ['extensions',] }] }; return OverlayScrollbarsComponent; }()); diff --git a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js.map b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js.map index 50ab780..92ec919 100644 --- a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js.map +++ b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.esm.js.map @@ -1 +1 @@ -{"version":3,"file":"overlayscrollbars-ngx.esm.js","sources":["../ngc/src/overlayscrollbars.component.js","../ngc/src/overlayscrollbars.module.js"],"sourcesContent":["import { Component, ElementRef, Input } from \"@angular/core\";\r\nimport OverlayScrollbars from \"overlayscrollbars\";\r\nvar OverlayScrollbarsComponent = (function () {\r\n function OverlayScrollbarsComponent(_osTargetRef) {\r\n this._osInstance = null;\r\n this._osTargetRef = _osTargetRef;\r\n }\r\n OverlayScrollbarsComponent.prototype.osInstance = function () {\r\n return this._osInstance;\r\n };\r\n OverlayScrollbarsComponent.prototype.osTarget = function () {\r\n return this._osTargetRef.nativeElement || null;\r\n };\r\n OverlayScrollbarsComponent.prototype.ngAfterViewInit = function () {\r\n this._osInstance = OverlayScrollbars(this.osTarget(), this._options || {}, this._extensions);\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnDestroy = function () {\r\n if (OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.destroy();\r\n this._osInstance = null;\r\n }\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnChanges = function (changes) {\r\n var optionsChange = changes._options;\r\n if (optionsChange && OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.options(optionsChange.currentValue);\r\n }\r\n };\r\n OverlayScrollbarsComponent.decorators = [\r\n { type: Component, args: [{\r\n selector: \"overlay-scrollbars\",\r\n template: \"\",\r\n styles: [\":host { display: block; }\"]\r\n },] },\r\n ];\r\n OverlayScrollbarsComponent.ctorParameters = function () { return [\r\n { type: ElementRef }\r\n ]; };\r\n OverlayScrollbarsComponent.propDecorators = {\r\n _options: [{ type: Input, args: [\"options\",] }],\r\n _extensions: [{ type: Input, args: [\"extensions\",] }]\r\n };\r\n return OverlayScrollbarsComponent;\r\n}());\r\nexport { OverlayScrollbarsComponent };\r\nif (false) {\r\n OverlayScrollbarsComponent.prototype._options;\r\n OverlayScrollbarsComponent.prototype._extensions;\r\n OverlayScrollbarsComponent.prototype._osInstance;\r\n OverlayScrollbarsComponent.prototype._osTargetRef;\r\n}\r\n//# sourceMappingURL=overlayscrollbars.component.js.map","import { NgModule } from '@angular/core';\r\nimport { OverlayScrollbarsComponent } from './overlayscrollbars.component';\r\nvar OverlayscrollbarsModule = (function () {\r\n function OverlayscrollbarsModule() {\r\n }\r\n OverlayscrollbarsModule.decorators = [\r\n { type: NgModule, args: [{\r\n imports: [],\r\n declarations: [OverlayScrollbarsComponent],\r\n exports: [OverlayScrollbarsComponent]\r\n },] },\r\n ];\r\n return OverlayscrollbarsModule;\r\n}());\r\nexport { OverlayscrollbarsModule };\r\n//# sourceMappingURL=overlayscrollbars.module.js.map"],"names":[],"mappings":";;;AAEG,IAAC,0BAA0B,IAAI,YAAY;IAC1C,SAAS,0BAA0B,CAAC,YAAY,EAAE;QAC9C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;KACpC;IACD,0BAA0B,CAAC,SAAS,CAAC,UAAU,GAAG,YAAY;QAC1D,OAAO,IAAI,CAAC,WAAW,CAAC;KAC3B,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,QAAQ,GAAG,YAAY;QACxD,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,IAAI,IAAI,CAAC;KAClD,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,eAAe,GAAG,YAAY;QAC/D,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;KAChG,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,WAAW,GAAG,YAAY;QAC3D,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;YAC3C,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SAC3B;KACJ,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,OAAO,EAAE;QAClE,IAAI,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC;QACrC,IAAI,aAAa,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;YAC5D,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;SACxD;KACJ,CAAC;IACF,0BAA0B,CAAC,UAAU,GAAG;QACpC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACd,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,2BAA2B;oBACrC,MAAM,EAAE,CAAC,2BAA2B,CAAC;iBACxC,EAAE,EAAE;KAChB,CAAC;IACF,0BAA0B,CAAC,cAAc,GAAG,YAAY,EAAE,OAAO;QAC7D,EAAE,IAAI,EAAE,UAAU,EAAE;KACvB,CAAC,EAAE,CAAC;IACL,0BAA0B,CAAC,cAAc,GAAG;QACxC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC;QAC/C,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;KACxD,CAAC;IACF,OAAO,0BAA0B,CAAC;CACrC,EAAE,CAAC;;ACzCD,IAAC,uBAAuB,IAAI,YAAY;IACvC,SAAS,uBAAuB,GAAG;KAClC;IACD,uBAAuB,CAAC,UAAU,GAAG;QACjC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;oBACb,OAAO,EAAE,EAAE;oBACX,YAAY,EAAE,CAAC,0BAA0B,CAAC;oBAC1C,OAAO,EAAE,CAAC,0BAA0B,CAAC;iBACxC,EAAE,EAAE;KAChB,CAAC;IACF,OAAO,uBAAuB,CAAC;CAClC,EAAE,CAAC;;;;"} \ No newline at end of file +{"version":3,"file":"overlayscrollbars-ngx.esm.js","sources":["../ngc/src/overlayscrollbars.component.js","../ngc/src/overlayscrollbars.module.js"],"sourcesContent":["import { Component, ElementRef, Input } from '@angular/core';\r\nimport OverlayScrollbars from 'overlayscrollbars';\r\nvar OverlayScrollbarsComponent = (function () {\r\n function OverlayScrollbarsComponent(_osTargetRef) {\r\n this._osInstance = null;\r\n this._osTargetRef = _osTargetRef;\r\n }\r\n OverlayScrollbarsComponent.prototype.osInstance = function () {\r\n return this._osInstance;\r\n };\r\n OverlayScrollbarsComponent.prototype.osTarget = function () {\r\n return this._osTargetRef.nativeElement || null;\r\n };\r\n OverlayScrollbarsComponent.prototype.ngAfterViewInit = function () {\r\n this._osInstance = OverlayScrollbars(this.osTarget(), this._options || {}, this._extensions);\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnDestroy = function () {\r\n if (OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.destroy();\r\n this._osInstance = null;\r\n }\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnChanges = function (changes) {\r\n var optionsChange = changes._options;\r\n if (optionsChange && OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.options(optionsChange.currentValue);\r\n }\r\n };\r\n OverlayScrollbarsComponent.decorators = [\r\n { type: Component, args: [{\r\n selector: 'overlay-scrollbars',\r\n template: '',\r\n styles: [':host { display: block; }']\r\n },] },\r\n ];\r\n OverlayScrollbarsComponent.ctorParameters = function () { return [\r\n { type: ElementRef }\r\n ]; };\r\n OverlayScrollbarsComponent.propDecorators = {\r\n _options: [{ type: Input, args: ['options',] }],\r\n _extensions: [{ type: Input, args: ['extensions',] }]\r\n };\r\n return OverlayScrollbarsComponent;\r\n}());\r\nexport { OverlayScrollbarsComponent };\r\nif (false) {\r\n OverlayScrollbarsComponent.prototype._options;\r\n OverlayScrollbarsComponent.prototype._extensions;\r\n OverlayScrollbarsComponent.prototype._osInstance;\r\n OverlayScrollbarsComponent.prototype._osTargetRef;\r\n}\r\n//# sourceMappingURL=overlayscrollbars.component.js.map","import { NgModule } from '@angular/core';\r\nimport { OverlayScrollbarsComponent } from './overlayscrollbars.component';\r\nvar OverlayscrollbarsModule = (function () {\r\n function OverlayscrollbarsModule() {\r\n }\r\n OverlayscrollbarsModule.decorators = [\r\n { type: NgModule, args: [{\r\n imports: [],\r\n declarations: [OverlayScrollbarsComponent],\r\n exports: [OverlayScrollbarsComponent]\r\n },] },\r\n ];\r\n return OverlayscrollbarsModule;\r\n}());\r\nexport { OverlayscrollbarsModule };\r\n//# sourceMappingURL=overlayscrollbars.module.js.map"],"names":[],"mappings":";;;AAEG,IAAC,0BAA0B,IAAI,YAAY;IAC1C,SAAS,0BAA0B,CAAC,YAAY,EAAE;QAC9C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;KACpC;IACD,0BAA0B,CAAC,SAAS,CAAC,UAAU,GAAG,YAAY;QAC1D,OAAO,IAAI,CAAC,WAAW,CAAC;KAC3B,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,QAAQ,GAAG,YAAY;QACxD,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,IAAI,IAAI,CAAC;KAClD,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,eAAe,GAAG,YAAY;QAC/D,IAAI,CAAC,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;KAChG,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,WAAW,GAAG,YAAY;QAC3D,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;YAC3C,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SAC3B;KACJ,CAAC;IACF,0BAA0B,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,OAAO,EAAE;QAClE,IAAI,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC;QACrC,IAAI,aAAa,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;YAC5D,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;SACxD;KACJ,CAAC;IACF,0BAA0B,CAAC,UAAU,GAAG;QACpC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;oBACd,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,2BAA2B;oBACrC,MAAM,EAAE,CAAC,2BAA2B,CAAC;iBACxC,EAAE,EAAE;KAChB,CAAC;IACF,0BAA0B,CAAC,cAAc,GAAG,YAAY,EAAE,OAAO;QAC7D,EAAE,IAAI,EAAE,UAAU,EAAE;KACvB,CAAC,EAAE,CAAC;IACL,0BAA0B,CAAC,cAAc,GAAG;QACxC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC;QAC/C,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;KACxD,CAAC;IACF,OAAO,0BAA0B,CAAC;CACrC,EAAE,CAAC;;ACzCD,IAAC,uBAAuB,IAAI,YAAY;IACvC,SAAS,uBAAuB,GAAG;KAClC;IACD,uBAAuB,CAAC,UAAU,GAAG;QACjC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;oBACb,OAAO,EAAE,EAAE;oBACX,YAAY,EAAE,CAAC,0BAA0B,CAAC;oBAC1C,OAAO,EAAE,CAAC,0BAA0B,CAAC;iBACxC,EAAE,EAAE;KAChB,CAAC;IACF,OAAO,uBAAuB,CAAC;CAClC,EAAE,CAAC;;;;"} \ No newline at end of file diff --git a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js index 3abc833..9254e53 100644 --- a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js +++ b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js @@ -34,17 +34,17 @@ }; OverlayScrollbarsComponent.decorators = [ { type: core.Component, args: [{ - selector: "overlay-scrollbars", - template: "", - styles: [":host { display: block; }"] + selector: 'overlay-scrollbars', + template: '', + styles: [':host { display: block; }'] },] }, ]; OverlayScrollbarsComponent.ctorParameters = function () { return [ { type: core.ElementRef } ]; }; OverlayScrollbarsComponent.propDecorators = { - _options: [{ type: core.Input, args: ["options",] }], - _extensions: [{ type: core.Input, args: ["extensions",] }] + _options: [{ type: core.Input, args: ['options',] }], + _extensions: [{ type: core.Input, args: ['extensions',] }] }; return OverlayScrollbarsComponent; }()); diff --git a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js.map b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js.map index 1c4bb47..647455a 100644 --- a/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js.map +++ b/packages/overlayscrollbars-ngx/dist/overlayscrollbars-ngx.js.map @@ -1 +1 @@ -{"version":3,"file":"overlayscrollbars-ngx.js","sources":["../ngc/src/overlayscrollbars.component.js","../ngc/src/overlayscrollbars.module.js"],"sourcesContent":["import { Component, ElementRef, Input } from \"@angular/core\";\r\nimport OverlayScrollbars from \"overlayscrollbars\";\r\nvar OverlayScrollbarsComponent = (function () {\r\n function OverlayScrollbarsComponent(_osTargetRef) {\r\n this._osInstance = null;\r\n this._osTargetRef = _osTargetRef;\r\n }\r\n OverlayScrollbarsComponent.prototype.osInstance = function () {\r\n return this._osInstance;\r\n };\r\n OverlayScrollbarsComponent.prototype.osTarget = function () {\r\n return this._osTargetRef.nativeElement || null;\r\n };\r\n OverlayScrollbarsComponent.prototype.ngAfterViewInit = function () {\r\n this._osInstance = OverlayScrollbars(this.osTarget(), this._options || {}, this._extensions);\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnDestroy = function () {\r\n if (OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.destroy();\r\n this._osInstance = null;\r\n }\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnChanges = function (changes) {\r\n var optionsChange = changes._options;\r\n if (optionsChange && OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.options(optionsChange.currentValue);\r\n }\r\n };\r\n OverlayScrollbarsComponent.decorators = [\r\n { type: Component, args: [{\r\n selector: \"overlay-scrollbars\",\r\n template: \"\",\r\n styles: [\":host { display: block; }\"]\r\n },] },\r\n ];\r\n OverlayScrollbarsComponent.ctorParameters = function () { return [\r\n { type: ElementRef }\r\n ]; };\r\n OverlayScrollbarsComponent.propDecorators = {\r\n _options: [{ type: Input, args: [\"options\",] }],\r\n _extensions: [{ type: Input, args: [\"extensions\",] }]\r\n };\r\n return OverlayScrollbarsComponent;\r\n}());\r\nexport { OverlayScrollbarsComponent };\r\nif (false) {\r\n OverlayScrollbarsComponent.prototype._options;\r\n OverlayScrollbarsComponent.prototype._extensions;\r\n OverlayScrollbarsComponent.prototype._osInstance;\r\n OverlayScrollbarsComponent.prototype._osTargetRef;\r\n}\r\n//# sourceMappingURL=overlayscrollbars.component.js.map","import { NgModule } from '@angular/core';\r\nimport { OverlayScrollbarsComponent } from './overlayscrollbars.component';\r\nvar OverlayscrollbarsModule = (function () {\r\n function OverlayscrollbarsModule() {\r\n }\r\n OverlayscrollbarsModule.decorators = [\r\n { type: NgModule, args: [{\r\n imports: [],\r\n declarations: [OverlayScrollbarsComponent],\r\n exports: [OverlayScrollbarsComponent]\r\n },] },\r\n ];\r\n return OverlayscrollbarsModule;\r\n}());\r\nexport { OverlayscrollbarsModule };\r\n//# sourceMappingURL=overlayscrollbars.module.js.map"],"names":["Component","ElementRef","Input","NgModule"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"overlayscrollbars-ngx.js","sources":["../ngc/src/overlayscrollbars.component.js","../ngc/src/overlayscrollbars.module.js"],"sourcesContent":["import { Component, ElementRef, Input } from '@angular/core';\r\nimport OverlayScrollbars from 'overlayscrollbars';\r\nvar OverlayScrollbarsComponent = (function () {\r\n function OverlayScrollbarsComponent(_osTargetRef) {\r\n this._osInstance = null;\r\n this._osTargetRef = _osTargetRef;\r\n }\r\n OverlayScrollbarsComponent.prototype.osInstance = function () {\r\n return this._osInstance;\r\n };\r\n OverlayScrollbarsComponent.prototype.osTarget = function () {\r\n return this._osTargetRef.nativeElement || null;\r\n };\r\n OverlayScrollbarsComponent.prototype.ngAfterViewInit = function () {\r\n this._osInstance = OverlayScrollbars(this.osTarget(), this._options || {}, this._extensions);\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnDestroy = function () {\r\n if (OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.destroy();\r\n this._osInstance = null;\r\n }\r\n };\r\n OverlayScrollbarsComponent.prototype.ngOnChanges = function (changes) {\r\n var optionsChange = changes._options;\r\n if (optionsChange && OverlayScrollbars.valid(this._osInstance)) {\r\n this._osInstance.options(optionsChange.currentValue);\r\n }\r\n };\r\n OverlayScrollbarsComponent.decorators = [\r\n { type: Component, args: [{\r\n selector: 'overlay-scrollbars',\r\n template: '',\r\n styles: [':host { display: block; }']\r\n },] },\r\n ];\r\n OverlayScrollbarsComponent.ctorParameters = function () { return [\r\n { type: ElementRef }\r\n ]; };\r\n OverlayScrollbarsComponent.propDecorators = {\r\n _options: [{ type: Input, args: ['options',] }],\r\n _extensions: [{ type: Input, args: ['extensions',] }]\r\n };\r\n return OverlayScrollbarsComponent;\r\n}());\r\nexport { OverlayScrollbarsComponent };\r\nif (false) {\r\n OverlayScrollbarsComponent.prototype._options;\r\n OverlayScrollbarsComponent.prototype._extensions;\r\n OverlayScrollbarsComponent.prototype._osInstance;\r\n OverlayScrollbarsComponent.prototype._osTargetRef;\r\n}\r\n//# sourceMappingURL=overlayscrollbars.component.js.map","import { NgModule } from '@angular/core';\r\nimport { OverlayScrollbarsComponent } from './overlayscrollbars.component';\r\nvar OverlayscrollbarsModule = (function () {\r\n function OverlayscrollbarsModule() {\r\n }\r\n OverlayscrollbarsModule.decorators = [\r\n { type: NgModule, args: [{\r\n imports: [],\r\n declarations: [OverlayScrollbarsComponent],\r\n exports: [OverlayScrollbarsComponent]\r\n },] },\r\n ];\r\n return OverlayscrollbarsModule;\r\n}());\r\nexport { OverlayscrollbarsModule };\r\n//# sourceMappingURL=overlayscrollbars.module.js.map"],"names":["Component","ElementRef","Input","NgModule"],"mappings":"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"} \ No newline at end of file diff --git a/packages/overlayscrollbars-ngx/dist/types/overlayscrollbars.component.d.ts b/packages/overlayscrollbars-ngx/dist/types/overlayscrollbars.component.d.ts index ff9f604..d23ec21 100644 --- a/packages/overlayscrollbars-ngx/dist/types/overlayscrollbars.component.d.ts +++ b/packages/overlayscrollbars-ngx/dist/types/overlayscrollbars.component.d.ts @@ -1,5 +1,5 @@ -import { ElementRef, SimpleChanges, OnDestroy, OnChanges, AfterViewInit } from "@angular/core"; -import OverlayScrollbars from "overlayscrollbars"; +import { ElementRef, SimpleChanges, OnDestroy, OnChanges, AfterViewInit } from '@angular/core'; +import OverlayScrollbars from 'overlayscrollbars'; export declare class OverlayScrollbarsComponent implements OnDestroy, OnChanges, AfterViewInit { private _options; private _extensions; diff --git a/packages/overlayscrollbars-ngx/example/package-lock.json b/packages/overlayscrollbars-ngx/example/package-lock.json index 22a8b49..4894f68 100644 --- a/packages/overlayscrollbars-ngx/example/package-lock.json +++ b/packages/overlayscrollbars-ngx/example/package-lock.json @@ -1357,9 +1357,9 @@ "optional": true }, "async-limiter": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", - "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz", + "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==", "dev": true }, "asynckit": { @@ -2039,9 +2039,9 @@ } }, "caniuse-lite": { - "version": "1.0.30000985", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000985.tgz", - "integrity": "sha512-1ngiwkgqAYPG0JSSUp3PUDGPKKY59EK7NrGGX+VOxaKCNzRbNc7uXMny+c3VJfZxtoK3wSImTvG9T9sXiTw2+w==", + "version": "1.0.30000988", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000988.tgz", + "integrity": "sha512-lPj3T8poYrRc/bniW5SQPND3GRtSrQdUM/R4mCYTbZxyi3jQiggLvZH4+BYUuX0t4TXjU+vMM7KFDQg+rSzZUQ==", "dev": true }, "canonical-path": { @@ -2317,9 +2317,9 @@ "dev": true }, "compare-versions": { - "version": "3.5.0", - "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.5.0.tgz", - "integrity": "sha512-hX+4kt2Rcwu+x1U0SsEFCn1quURjEjPEGH/cPBlpME/IidGimAdwfMU+B+xDr7et/KTR7VH2+ZqWGerv4NGs2w==", + "version": "3.5.1", + "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.5.1.tgz", + "integrity": "sha512-9fGPIB7C6AyM18CJJBHt5EnCZDG3oiTJYy0NjfIAGjKpzv0tkxWko7TNQHF5ymqm7IH03tqmeuBxtvD+Izh6mg==", "dev": true }, "component-bind": { @@ -2967,9 +2967,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.3.201", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.201.tgz", - "integrity": "sha512-aCTPIfY1Jvuam5b6vuWRjt1F8i4kY7zX0Qtpu5SNd6l1zjuxU9fDNpbM4o6+oJsra+TMD2o7D20GnkSIgpTr9w==", + "version": "1.3.212", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.212.tgz", + "integrity": "sha512-H8z5Smi1s1u1zGegEBfbxUAzrxyk1JoRHHHrlNGfhxv3sTb+p/Jz7JDvrR4196Q/Ip8r4+XwWcLvKrUjFKoJAg==", "dev": true }, "elliptic": { @@ -3238,9 +3238,9 @@ "dev": true }, "esutils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", - "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", "dev": true }, "etag": { @@ -3927,14 +3927,12 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -3949,20 +3947,17 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -4079,8 +4074,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -4092,7 +4086,6 @@ "version": "1.0.0", "bundled": true, "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -4107,7 +4100,6 @@ "version": "3.0.4", "bundled": true, "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -4115,14 +4107,12 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -4141,7 +4131,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -4222,8 +4211,7 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", @@ -4235,7 +4223,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -4357,7 +4344,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -7020,9 +7006,9 @@ }, "dependencies": { "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz", + "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -8038,9 +8024,9 @@ "dev": true }, "webdriver-manager": { - "version": "12.1.5", - "resolved": "https://registry.npmjs.org/webdriver-manager/-/webdriver-manager-12.1.5.tgz", - "integrity": "sha512-f1apDjMpZ8SHlXtXGzqBxOjV+WQcDRz5PN7pWScgjXS7vhUIFcM3V89Shetf4A04n8DDR2MxiVQq6JproFcRZw==", + "version": "12.1.6", + "resolved": "https://registry.npmjs.org/webdriver-manager/-/webdriver-manager-12.1.6.tgz", + "integrity": "sha512-B1mOycNCrbk7xODw7Jgq/mdD3qzPxMaTsnKIQDy2nXlQoyjTrJTTD0vRpEZI9b8RibPEyQvh9zIZ0M1mpOxS3w==", "dev": true, "requires": { "adm-zip": "^0.4.9", @@ -8081,9 +8067,9 @@ "dev": true }, "psl": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.2.0.tgz", - "integrity": "sha512-GEn74ZffufCmkDDLNcl3uuyF/aSD6exEyh1v/ZSdAomB82t6G9hzJVRx0jBmLDW+VfZqks3aScmMw9DszwUalA==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.3.0.tgz", + "integrity": "sha512-avHdspHO+9rQTLbv1RO+MPYeP/SzsCoxofjVnHanETfQhTJrmB0HlDoW+EiN/R+C0BZ+gERab9NY0lPN2TxNag==", "dev": true }, "public-encrypt": { @@ -9732,9 +9718,9 @@ "dev": true }, "source-map-support": { - "version": "0.5.12", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", - "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", + "version": "0.5.13", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz", + "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==", "dev": true, "requires": { "buffer-from": "^1.0.0", @@ -10143,9 +10129,9 @@ }, "dependencies": { "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz", + "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==", "dev": true, "requires": { "path-parse": "^1.0.6" diff --git a/packages/overlayscrollbars-ngx/example/src/app/app.component.css b/packages/overlayscrollbars-ngx/example/src/app/app.component.css index e2af264..e3499de 100644 --- a/packages/overlayscrollbars-ngx/example/src/app/app.component.css +++ b/packages/overlayscrollbars-ngx/example/src/app/app.component.css @@ -1,3 +1,7 @@ +:host { + min-width: 600px; + display: block; +} .header { background: #36befd; background: -moz-linear-gradient(-45deg, #36befd 1%, #6461f6 100%); diff --git a/packages/overlayscrollbars-ngx/example/src/app/app.component.html b/packages/overlayscrollbars-ngx/example/src/app/app.component.html index a33496d..0075c0c 100644 --- a/packages/overlayscrollbars-ngx/example/src/app/app.component.html +++ b/packages/overlayscrollbars-ngx/example/src/app/app.component.html @@ -41,10 +41,12 @@
- +
{{ componentContent }}
{{ loremIpsumShort }} - +
{{ componentContent }}
{{ loremIpsumLong }}
diff --git a/packages/overlayscrollbars-ngx/example/src/app/app.component.ts b/packages/overlayscrollbars-ngx/example/src/app/app.component.ts index 8222371..1861708 100644 --- a/packages/overlayscrollbars-ngx/example/src/app/app.component.ts +++ b/packages/overlayscrollbars-ngx/example/src/app/app.component.ts @@ -1,6 +1,6 @@ import { Component, ViewChild, ElementRef, Input } from '@angular/core'; import { OverlayScrollbarsComponent } from 'overlayscrollbars-ngx'; -import OverlayScrollbarsfrom from 'overlayscrollbars'; +import OverlayScrollbars from 'overlayscrollbars'; @Component({ selector: 'app-root', @@ -60,24 +60,24 @@ export class AppComponent { onBtnChangeContent(event) { let loremIpsums = [this.loremIpsumLong, this.loremIpsumMedium, this.loremIpsumShort]; let random = Math.floor(Math.random() * loremIpsums.length); - this.componentContent = this.componentContent + "\r\n" + loremIpsums[random] + this.componentContent = this.componentContent + '\r\n' + loremIpsums[random] } onBtnLog(event) { console.log(`== ${this.componentClass} (1) ==`); - console.log("Ref:"); + console.log('Ref:'); console.log(this.osComponentRef1); - console.log("Instance:"); + console.log('Instance:'); console.log(this.osComponentRef1.osInstance()); - console.log("Target:"); + console.log('Target:'); console.log(this.osComponentRef1.osTarget()); - console.log(""); + console.log(''); console.log(`== ${this.componentClass} (2) ==`); - console.log("Ref:"); + console.log('Ref:'); console.log(this.osComponentRef2); - console.log("Instance:"); + console.log('Instance:'); console.log(this.osComponentRef2.osInstance()); - console.log("Target:"); + console.log('Target:'); console.log(this.osComponentRef2.osTarget()); } } diff --git a/packages/overlayscrollbars-ngx/package-lock.json b/packages/overlayscrollbars-ngx/package-lock.json index cf8ebc3..06edfcb 100644 --- a/packages/overlayscrollbars-ngx/package-lock.json +++ b/packages/overlayscrollbars-ngx/package-lock.json @@ -4,15 +4,6 @@ "lockfileVersion": 1, "requires": true, "dependencies": { - "@angular/common": { - "version": "7.2.15", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-7.2.15.tgz", - "integrity": "sha512-2b5JY2HWVHCf3D1GZjmde7jdAXSTXkYtmjLtA9tQkjOOTr80eHpNSujQqnzb97dk9VT9OjfjqTQd7K3pxZz8jw==", - "dev": true, - "requires": { - "tslib": "^1.9.0" - } - }, "@angular/compiler": { "version": "7.2.15", "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-7.2.15.tgz", @@ -70,9 +61,9 @@ "dev": true }, "@types/node": { - "version": "12.6.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.8.tgz", - "integrity": "sha512-aX+gFgA5GHcDi89KG5keey2zf0WfZk/HAQotEamsK2kbey+8yGKcson0hbK8E+v0NArlCJQCqMP161YhV6ZXLg==", + "version": "12.6.9", + "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.9.tgz", + "integrity": "sha512-+YB9FtyxXGyD54p8rXwWaN1EWEyar5L58GlGWgtH2I9rGmLGBQcw63+0jw+ujqVavNuO47S1ByAjm9zdHMnskw==", "dev": true }, "@types/overlayscrollbars": { @@ -1295,14 +1286,12 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -1317,20 +1306,17 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -1447,8 +1433,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -1460,7 +1445,6 @@ "version": "1.0.0", "bundled": true, "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -1475,7 +1459,6 @@ "version": "3.0.4", "bundled": true, "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -1483,14 +1466,12 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -1509,7 +1490,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -1590,8 +1570,7 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", @@ -1603,7 +1582,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -1725,7 +1703,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -3339,9 +3316,9 @@ "dev": true }, "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz", + "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -3379,13 +3356,13 @@ "dev": true }, "rollup": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.17.0.tgz", - "integrity": "sha512-k/j1m0NIsI4SYgCJR4MWPstGJOWfJyd6gycKoMhyoKPVXxm+L49XtbUwZyFsrSU2YXsOkM4u1ll9CS/ZgJBUpw==", + "version": "1.18.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.18.0.tgz", + "integrity": "sha512-MBAWr6ectF948gW/bs/yfi0jW7DzwI8n0tEYG/ZMQutmK+blF/Oazyhg3oPqtScCGV8bzCtL9KzlzPtTriEOJA==", "dev": true, "requires": { "@types/estree": "0.0.39", - "@types/node": "^12.6.2", + "@types/node": "^12.6.3", "acorn": "^6.2.0" } }, @@ -3425,6 +3402,17 @@ "resolve": "1.11.1", "rollup-pluginutils": "2.8.1", "tslib": "1.10.0" + }, + "dependencies": { + "resolve": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", + "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "dev": true, + "requires": { + "path-parse": "^1.0.6" + } + } } }, "rollup-pluginutils": { diff --git a/packages/overlayscrollbars-ngx/package.json b/packages/overlayscrollbars-ngx/package.json index d356832..402411b 100644 --- a/packages/overlayscrollbars-ngx/package.json +++ b/packages/overlayscrollbars-ngx/package.json @@ -8,9 +8,8 @@ "angular" ], "files": [ - "./src", - "./dist", - "README.md" + "src", + "dist" ], "homepage": "https://kingsora.github.io/OverlayScrollbars", "repository": { @@ -26,7 +25,6 @@ "author": "KingSora | Rene Haas", "license": "MIT", "devDependencies": { - "@angular/common": "^7.0.0", "@angular/compiler": "^7.0.0", "@angular/compiler-cli": "^7.0.0", "@angular/core": "^7.0.0", @@ -46,7 +44,6 @@ "zone.js": "^0.8.26" }, "peerDependencies": { - "@angular/common": "^7.0.0", "@angular/core": "^7.0.0", "overlayscrollbars": "^1.9.0" }, @@ -54,6 +51,7 @@ "setup": "npm i && cd example && npm i && cd ..", "build": "node build.js", "example": "cd example && npx ng serve", + "build-example": "cd example && npx ng build --prod --base-href \"/OverlayScrollbars/frameworks/angular/\" --aot=false --build-optimizer=false", "test": "echo \"Error: no test specified\" && exit 1" } } \ No newline at end of file diff --git a/packages/overlayscrollbars-ngx/src/overlayscrollbars.component.ts b/packages/overlayscrollbars-ngx/src/overlayscrollbars.component.ts index b34ea9b..03e6915 100644 --- a/packages/overlayscrollbars-ngx/src/overlayscrollbars.component.ts +++ b/packages/overlayscrollbars-ngx/src/overlayscrollbars.component.ts @@ -1,14 +1,14 @@ -import { Component, ElementRef, Input, SimpleChanges, OnDestroy, OnChanges, AfterViewInit } from "@angular/core"; -import OverlayScrollbars from "overlayscrollbars"; +import { Component, ElementRef, Input, SimpleChanges, OnDestroy, OnChanges, AfterViewInit } from '@angular/core'; +import OverlayScrollbars from 'overlayscrollbars'; @Component({ - selector: "overlay-scrollbars", //https://angular.io/guide/styleguide#component-selectors - template: "", - styles: [":host { display: block; }"] + selector: 'overlay-scrollbars', //https://angular.io/guide/styleguide#component-selectors + template: '', + styles: [':host { display: block; }'] }) export class OverlayScrollbarsComponent implements OnDestroy, OnChanges, AfterViewInit { - @Input("options") private _options: OverlayScrollbars.Options; - @Input("extensions") private _extensions: OverlayScrollbars.Extensions; + @Input('options') private _options: OverlayScrollbars.Options; + @Input('extensions') private _extensions: OverlayScrollbars.Extensions; private _osInstance: OverlayScrollbars | null = null; private _osTargetRef: ElementRef; diff --git a/packages/overlayscrollbars-react/LICENSE b/packages/overlayscrollbars-react/LICENSE new file mode 100644 index 0000000..b35e71c --- /dev/null +++ b/packages/overlayscrollbars-react/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2019 Rene Haas + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/packages/overlayscrollbars-react/README.md b/packages/overlayscrollbars-react/README.md new file mode 100644 index 0000000..5df6ac1 --- /dev/null +++ b/packages/overlayscrollbars-react/README.md @@ -0,0 +1,102 @@ +

+ React + OverlayScrollbars +

+
+ React + OverlayScrollbars + Downloads + License +
+

+ Example +   •   + Documentation +   •   + FAQ +

+
+ The official OverlayScrollbars wrapper for React. +
+ +## Installation +```sh +npm install overlayscrollbars-react +``` + +## Peer Dependencies +OverlayScrollbars for React has the following **peer dependencies**: +- The vanilla JavaScript library: [overlayscrollbars](https://www.npmjs.com/package/overlayscrollbars) +``` +npm install overlayscrollbars +``` +- The React framework: [react](https://www.npmjs.com/package/react) +``` +npm install react +``` + +## TypeScript +- In case you are using TypeScript, you have to install the [OverlayScrollbars typings](https://www.npmjs.com/package/@types/overlayscrollbars): +``` +npm install @types/overlayscrollbars +``` +Since this wrapper is written in TypeScript it comes with its generated typings.
+Check out the [recommended](https://github.com/KingSora/OverlayScrollbars#typescript) **tsconfig.json** options. + +## Usage +#### CSS +You have to import the `OverlayScrollbars.css` by yourself.
+The component **doesn't** do it for you as the styles are **global styles**!
+There are different ways to achieve this, in React the most simple way for me was to add [this line](https://github.com/KingSora/OverlayScrollbars/blob/master/packages/overlayscrollbars-react/example/src/index.tsx#L1) in the `index` file: +```js +import 'overlayscrollbars/css/OverlayScrollbars.css'; +``` + +#### Import +Simply import the component into your file(s): +```js +import { OverlayScrollbarsComponent } from 'overlayscrollbars-react'; +``` + +#### Template +After the import you can use it in JSX: +```jsx + + example content + +``` + +#### Properties +Two properties are accepted: `options` and `extensions`. +- The `options` property accepts a `object` and can be changed at any point in time, and the plugin will adapt. +- The `extensions` property accepts a `string`, `string array` or `object` and is only taken into account if the component gets mounted. + +```jsx + + +``` +You can read more about the `options` object [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/options), `extensions` are documented [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/extensions-basics) and [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/initialization). + +#### Instance +If you get the component reference, it provides two methods: `osInstance()` and `osTarget()`. +- The `osInstance()` method returns the OverlayScrollbars `instance` of the component, or `null` if the instance isn't initialized yet or already destroyed. +- The `osTarget()` method returns the native `html` element to which the plugin was initialized, or `null` if the the component isn't mounted yet or already unmounted. + +## Example App +In case you need a example app for reference, you can use the example app in this repo(`example folder`): +- [Live example](https://kingsora.github.io/OverlayScrollbars/frameworks/react/) +- [Source code](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-react/example) + +If you wanna build the example app, run these commands: +```sh +npm run setup +npm run build +npm run example +``` + +## License + +MIT \ No newline at end of file diff --git a/packages/overlayscrollbars-react/build.js b/packages/overlayscrollbars-react/build.js index 7fbcbeb..8022189 100644 --- a/packages/overlayscrollbars-react/build.js +++ b/packages/overlayscrollbars-react/build.js @@ -23,6 +23,7 @@ const rollupUmdGlobals = { const packageJson = require(filesInfo.packageJsonPath); const tsconfigJson = require(filesInfo.tsconfigJsonPath); +const path = require('path'); const sh = require('shelljs'); const chalk = require('chalk'); const gulp = require('gulp'); @@ -77,9 +78,8 @@ gulp.task('packageJson', function (done) { ...packagePaths, name: packageName, files: [ - filesInfo.srcFolder, - filesInfo.distFolder, - 'README.md' + path.normalize(filesInfo.srcFolder), + path.normalize(filesInfo.distFolder) ] }; sh.ShellString(JSON.stringify(newPackageJson, null, 4)).to(filesInfo.packageJsonPath); diff --git a/packages/overlayscrollbars-react/example/package-lock.json b/packages/overlayscrollbars-react/example/package-lock.json index a342902..70c78ec 100644 --- a/packages/overlayscrollbars-react/example/package-lock.json +++ b/packages/overlayscrollbars-react/example/package-lock.json @@ -1676,9 +1676,9 @@ "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==" }, "acorn-globals": { - "version": "4.3.2", - "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-4.3.2.tgz", - "integrity": "sha512-BbzvZhVtZP+Bs1J1HcwrQe8ycfO0wStkSGxuul3He3GkHOIZ6eTqOkPuw9IP1X3+IkOo4wiJmwkobzXYz4wewQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-4.3.3.tgz", + "integrity": "sha512-vkR40VwS2SYO98AIeFvzWWh+xyc2qi9s7OoXSFEGIP/rOJKzjnhykaZJNnHdoq4BL2gGxI5EZOU16z896EYnOQ==", "requires": { "acorn": "^6.0.1", "acorn-walk": "^6.0.1" @@ -1934,9 +1934,9 @@ "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==" }, "async-limiter": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", - "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==" + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz", + "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==" }, "asynckit": { "version": "0.4.0", @@ -2754,9 +2754,9 @@ } }, "caniuse-lite": { - "version": "1.0.30000985", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000985.tgz", - "integrity": "sha512-1ngiwkgqAYPG0JSSUp3PUDGPKKY59EK7NrGGX+VOxaKCNzRbNc7uXMny+c3VJfZxtoK3wSImTvG9T9sXiTw2+w==" + "version": "1.0.30000988", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000988.tgz", + "integrity": "sha512-lPj3T8poYrRc/bniW5SQPND3GRtSrQdUM/R4mCYTbZxyi3jQiggLvZH4+BYUuX0t4TXjU+vMM7KFDQg+rSzZUQ==" }, "capture-exit": { "version": "2.0.0", @@ -2827,8 +2827,7 @@ }, "ansi-regex": { "version": "2.1.1", - "bundled": true, - "optional": true + "bundled": true }, "aproba": { "version": "1.2.0", @@ -2846,13 +2845,11 @@ }, "balanced-match": { "version": "1.0.0", - "bundled": true, - "optional": true + "bundled": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -2865,18 +2862,15 @@ }, "code-point-at": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "concat-map": { "version": "0.0.1", - "bundled": true, - "optional": true + "bundled": true }, "console-control-strings": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "core-util-is": { "version": "1.0.2", @@ -2979,8 +2973,7 @@ }, "inherits": { "version": "2.0.3", - "bundled": true, - "optional": true + "bundled": true }, "ini": { "version": "1.3.5", @@ -2990,7 +2983,6 @@ "is-fullwidth-code-point": { "version": "1.0.0", "bundled": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -3003,20 +2995,17 @@ "minimatch": { "version": "3.0.4", "bundled": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } }, "minimist": { "version": "0.0.8", - "bundled": true, - "optional": true + "bundled": true }, "minipass": { "version": "2.3.5", "bundled": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -3033,7 +3022,6 @@ "mkdirp": { "version": "0.5.1", "bundled": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -3106,8 +3094,7 @@ }, "number-is-nan": { "version": "1.0.1", - "bundled": true, - "optional": true + "bundled": true }, "object-assign": { "version": "4.1.1", @@ -3117,7 +3104,6 @@ "once": { "version": "1.4.0", "bundled": true, - "optional": true, "requires": { "wrappy": "1" } @@ -3193,8 +3179,7 @@ }, "safe-buffer": { "version": "5.1.2", - "bundled": true, - "optional": true + "bundled": true }, "safer-buffer": { "version": "2.1.2", @@ -3224,7 +3209,6 @@ "string-width": { "version": "1.0.2", "bundled": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -3242,7 +3226,6 @@ "strip-ansi": { "version": "3.0.1", "bundled": true, - "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -3281,13 +3264,11 @@ }, "wrappy": { "version": "1.0.2", - "bundled": true, - "optional": true + "bundled": true }, "yallist": { "version": "3.0.3", - "bundled": true, - "optional": true + "bundled": true } } }, @@ -4254,12 +4235,19 @@ } }, "dom-serializer": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz", - "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==", + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.1.tgz", + "integrity": "sha512-sK3ujri04WyjwQXVoK4PU3y8ula1stq10GJZpqHIUgoGZdsGzAGu65BnU3d08aTVSvO7mGPZUc0wTEDL+qGE0Q==", "requires": { - "domelementtype": "^1.3.0", - "entities": "^1.1.1" + "domelementtype": "^2.0.1", + "entities": "^2.0.0" + }, + "dependencies": { + "domelementtype": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.0.1.tgz", + "integrity": "sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==" + } } }, "domain-browser": { @@ -4346,9 +4334,9 @@ "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=" }, "electron-to-chromium": { - "version": "1.3.200", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.200.tgz", - "integrity": "sha512-PUurrpyDA74MuAjJRD+79ss5BqJlU3mdArRbuu4wO/dt6jc3Ic/6BDmFJxkdwbfq39cHf/XKm2vW98XSvut9Dg==" + "version": "1.3.212", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.212.tgz", + "integrity": "sha512-H8z5Smi1s1u1zGegEBfbxUAzrxyk1JoRHHHrlNGfhxv3sTb+p/Jz7JDvrR4196Q/Ip8r4+XwWcLvKrUjFKoJAg==" }, "elliptic": { "version": "6.5.0", @@ -4398,9 +4386,9 @@ } }, "entities": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", - "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.0.tgz", + "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==" }, "errno": { "version": "0.1.7", @@ -4895,9 +4883,9 @@ "integrity": "sha1-De4/7TH81GlhjOc0IJn8GvoL2xM=" }, "esutils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", - "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=" + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==" }, "etag": { "version": "1.8.1", @@ -5867,6 +5855,11 @@ "readable-stream": "^3.1.1" }, "dependencies": { + "entities": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", + "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" + }, "readable-stream": { "version": "3.4.0", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", @@ -6702,13 +6695,11 @@ }, "balanced-match": { "version": "1.0.0", - "bundled": true, - "optional": true + "bundled": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -6721,18 +6712,15 @@ }, "code-point-at": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "concat-map": { "version": "0.0.1", - "bundled": true, - "optional": true + "bundled": true }, "console-control-strings": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "core-util-is": { "version": "1.0.2", @@ -6835,8 +6823,7 @@ }, "inherits": { "version": "2.0.3", - "bundled": true, - "optional": true + "bundled": true }, "ini": { "version": "1.3.5", @@ -6846,7 +6833,6 @@ "is-fullwidth-code-point": { "version": "1.0.0", "bundled": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -6859,20 +6845,17 @@ "minimatch": { "version": "3.0.4", "bundled": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } }, "minimist": { "version": "0.0.8", - "bundled": true, - "optional": true + "bundled": true }, "minipass": { "version": "2.3.5", "bundled": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -6889,7 +6872,6 @@ "mkdirp": { "version": "0.5.1", "bundled": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -6962,8 +6944,7 @@ }, "number-is-nan": { "version": "1.0.1", - "bundled": true, - "optional": true + "bundled": true }, "object-assign": { "version": "4.1.1", @@ -6973,7 +6954,6 @@ "once": { "version": "1.4.0", "bundled": true, - "optional": true, "requires": { "wrappy": "1" } @@ -7079,7 +7059,6 @@ "string-width": { "version": "1.0.2", "bundled": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -7975,9 +7954,9 @@ } }, "merge2": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz", - "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==" + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.4.tgz", + "integrity": "sha512-FYE8xI+6pjFOhokZu0We3S5NKCirLbCzSh2Usf3qEyr4X8U+0jNg9P8RZ4qz+V2UoECLVwSyzU3LxXBaLGtD3A==" }, "methods": { "version": "1.1.2", @@ -9439,9 +9418,9 @@ } }, "postcss-nesting": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.0.tgz", - "integrity": "sha512-WSsbVd5Ampi3Y0nk/SKr5+K34n52PqMqEfswu6RtU4r7wA8vSD+gM8/D9qq4aJkHImwn1+9iEFTbjoWsQeqtaQ==", + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-7.0.1.tgz", + "integrity": "sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==", "requires": { "postcss": "^7.0.2" } @@ -9760,9 +9739,9 @@ "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=" }, "pretty-bytes": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.2.0.tgz", - "integrity": "sha512-ujANBhiUsl9AhREUDUEY1GPOharMGm8x8juS7qOHybcLi7XsKfrYQ88hSly1l2i0klXHTDYrlL8ihMCG55Dc3w==" + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.3.0.tgz", + "integrity": "sha512-hjGrh+P926p4R4WbaB6OckyRtO0F0/lQBiT+0gnxjV+5kjPBrfVBFCsCLbMqVQeydvIoouYTCmmEURiH3R1Bdg==" }, "pretty-error": { "version": "2.1.1", @@ -9858,9 +9837,9 @@ "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=" }, "psl": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.2.0.tgz", - "integrity": "sha512-GEn74ZffufCmkDDLNcl3uuyF/aSD6exEyh1v/ZSdAomB82t6G9hzJVRx0jBmLDW+VfZqks3aScmMw9DszwUalA==" + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.3.0.tgz", + "integrity": "sha512-avHdspHO+9rQTLbv1RO+MPYeP/SzsCoxofjVnHanETfQhTJrmB0HlDoW+EiN/R+C0BZ+gERab9NY0lPN2TxNag==" }, "public-encrypt": { "version": "4.0.3", @@ -11129,9 +11108,9 @@ } }, "source-map-support": { - "version": "0.5.12", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", - "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", + "version": "0.5.13", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz", + "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==", "requires": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" @@ -11178,9 +11157,9 @@ "integrity": "sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==" }, "spdy": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.0.tgz", - "integrity": "sha512-ot0oEGT/PGUpzf/6uk4AWLqkq+irlqHXkrdbk51oWONh3bxQmBuljxPNl66zlRRcIJStWq0QkLUCPOPjgjvU0Q==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.1.tgz", + "integrity": "sha512-HeZS3PBdMA+sZSu0qwpCxl3DeALD5ASx8pAX0jZdKXSpPWbQ6SYGnlg3BBmYLx5LtiZrmkAZfErCm2oECBcioA==", "requires": { "debug": "^4.1.0", "handle-thing": "^2.0.0", @@ -11463,9 +11442,9 @@ "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==" }, "table": { - "version": "5.4.4", - "resolved": "https://registry.npmjs.org/table/-/table-5.4.4.tgz", - "integrity": "sha512-IIfEAUx5QlODLblLrGTTLJA7Tk0iLSGBvgY8essPRVNGHAzThujww1YqHLs6h3HfTg55h++RzLHH5Xw/rfv+mg==", + "version": "5.4.5", + "resolved": "https://registry.npmjs.org/table/-/table-5.4.5.tgz", + "integrity": "sha512-oGa2Hl7CQjfoaogtrOHEJroOcYILTx7BZWLGsJIlzoWmB2zmguhNfPJZsWPKYek/MgCxfco54gEi31d1uN2hFA==", "requires": { "ajv": "^6.10.2", "lodash": "^4.17.14", @@ -11732,9 +11711,9 @@ "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" }, "typescript": { - "version": "3.5.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.5.3.tgz", - "integrity": "sha512-ACzBtm/PhXBDId6a6sDJfroT2pOWt/oOnk4/dElG5G33ZL776N3Y6/6bKZJBFpd+b05F3Ct9qDjMeJmRWtE2/g==" + "version": "3.4.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.4.5.tgz", + "integrity": "sha512-YycBxUb49UUhdNMU5aJ7z5Ej2XGmaIBL0x34vZ82fn3hGvD+bgrMrVDpatgz2f7YxUMJxMkbWxJZeAvDxVe7Vw==" }, "uglify-js": { "version": "3.4.10", @@ -12231,9 +12210,9 @@ } }, "webpack-sources": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.3.0.tgz", - "integrity": "sha512-OiVgSrbGu7NEnEvQJJgdSFPl2qWKkWq5lHMhgiToIiN9w34EBnjYzSYs+VbL5KoYiLNtFFa7BZIKxRED3I32pA==", + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.1.tgz", + "integrity": "sha512-XSz38193PTo/1csJabKaV4b53uRVotlMgqJXm3s3eje0Bu6gQTxYDqpD38CmQfDBA+gN+QqaGjasuC8I/7eW3Q==", "requires": { "source-list-map": "^2.0.0", "source-map": "~0.6.1" diff --git a/packages/overlayscrollbars-react/example/package.json b/packages/overlayscrollbars-react/example/package.json index d0542cc..144feb5 100644 --- a/packages/overlayscrollbars-react/example/package.json +++ b/packages/overlayscrollbars-react/example/package.json @@ -2,6 +2,7 @@ "name": "example", "version": "0.1.0", "private": true, + "homepage": "/OverlayScrollbars/frameworks/react/", "dependencies": { "@types/jest": "24.0.15", "@types/node": "12.6.8", @@ -12,7 +13,7 @@ "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.1", - "typescript": "3.5.3" + "typescript": ">=3.2.1 <3.5.0" }, "scripts": { "start": "react-scripts start", diff --git a/packages/overlayscrollbars-react/example/public/manifest.json b/packages/overlayscrollbars-react/example/public/manifest.json index 1f2f141..d07a7e1 100644 --- a/packages/overlayscrollbars-react/example/public/manifest.json +++ b/packages/overlayscrollbars-react/example/public/manifest.json @@ -1,15 +1,15 @@ { - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} \ No newline at end of file diff --git a/packages/overlayscrollbars-react/example/src/App.css b/packages/overlayscrollbars-react/example/src/App.css index 08c87fd..88d4027 100644 --- a/packages/overlayscrollbars-react/example/src/App.css +++ b/packages/overlayscrollbars-react/example/src/App.css @@ -1,3 +1,6 @@ +.App { + min-width: 600px; +} .header { background: #36befd; background: -moz-linear-gradient(-45deg, #36befd 1%, #6461f6 100%); diff --git a/packages/overlayscrollbars-react/example/src/App.tsx b/packages/overlayscrollbars-react/example/src/App.tsx index 961b40f..ca30fe6 100644 --- a/packages/overlayscrollbars-react/example/src/App.tsx +++ b/packages/overlayscrollbars-react/example/src/App.tsx @@ -72,21 +72,21 @@ export default class App extends React.Component { let loremIpsums = [this.loremIpsumLong, this.loremIpsumMedium, this.loremIpsumShort]; let random = Math.floor(Math.random() * loremIpsums.length); this.setState({ - componentContent: this.state.componentContent + "\r\n" + loremIpsums[random] + componentContent: this.state.componentContent + '\r\n' + loremIpsums[random] }); } onBtnLog() { console.log(`== ${this.componentClass} (1) ==`); - console.log("Instance:"); + console.log('Instance:'); console.log(this.osComponentRef1.current!.osInstance()); - console.log("Target:"); + console.log('Target:'); console.log(this.osComponentRef1.current!.osTarget()); - console.log(""); + console.log(''); console.log(`== ${this.componentClass} (2) ==`); - console.log("Instance:"); + console.log('Instance:'); console.log(this.osComponentRef2.current!.osInstance()); - console.log("Target:"); + console.log('Target:'); console.log(this.osComponentRef2.current!.osTarget()); } diff --git a/packages/overlayscrollbars-react/example/src/index.tsx b/packages/overlayscrollbars-react/example/src/index.tsx index eb89f3e..56a2ac8 100644 --- a/packages/overlayscrollbars-react/example/src/index.tsx +++ b/packages/overlayscrollbars-react/example/src/index.tsx @@ -1,4 +1,4 @@ -import 'overlayscrollbars/css/OverlayScrollbars.css' +import 'overlayscrollbars/css/OverlayScrollbars.css'; import './index.css'; import React from 'react'; import ReactDOM from 'react-dom'; diff --git a/packages/overlayscrollbars-react/package-lock.json b/packages/overlayscrollbars-react/package-lock.json index b787d48..6cc1d06 100644 --- a/packages/overlayscrollbars-react/package-lock.json +++ b/packages/overlayscrollbars-react/package-lock.json @@ -11,9 +11,9 @@ "dev": true }, "@types/node": { - "version": "12.6.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.8.tgz", - "integrity": "sha512-aX+gFgA5GHcDi89KG5keey2zf0WfZk/HAQotEamsK2kbey+8yGKcson0hbK8E+v0NArlCJQCqMP161YhV6ZXLg==", + "version": "12.6.9", + "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.9.tgz", + "integrity": "sha512-+YB9FtyxXGyD54p8rXwWaN1EWEyar5L58GlGWgtH2I9rGmLGBQcw63+0jw+ujqVavNuO47S1ByAjm9zdHMnskw==", "dev": true }, "@types/overlayscrollbars": { @@ -29,9 +29,9 @@ "dev": true }, "@types/react": { - "version": "16.8.23", - "resolved": "https://registry.npmjs.org/@types/react/-/react-16.8.23.tgz", - "integrity": "sha512-abkEOIeljniUN9qB5onp++g0EY38h7atnDHxwKUFz1r3VH1+yG1OKi2sNPTyObL40goBmfKFpdii2lEzwLX1cA==", + "version": "16.8.24", + "resolved": "https://registry.npmjs.org/@types/react/-/react-16.8.24.tgz", + "integrity": "sha512-VpFHUoD37YNY2+lr/+c7qL/tZsIU/bKuskUF3tmGUArbxIcQdb5j3zvo4cuuzu2A6UaVmVn7sJ4PgWYNFEBGzg==", "dev": true, "requires": { "@types/prop-types": "*", @@ -1205,14 +1205,12 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -1227,20 +1225,17 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -1357,8 +1352,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -1370,7 +1364,6 @@ "version": "1.0.0", "bundled": true, "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -1385,7 +1378,6 @@ "version": "3.0.4", "bundled": true, "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -1393,14 +1385,12 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -1419,7 +1409,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -1500,8 +1489,7 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", @@ -1513,7 +1501,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -1635,7 +1622,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -3075,9 +3061,9 @@ "dev": true }, "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz", + "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -3115,13 +3101,13 @@ "dev": true }, "rollup": { - "version": "1.17.0", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.17.0.tgz", - "integrity": "sha512-k/j1m0NIsI4SYgCJR4MWPstGJOWfJyd6gycKoMhyoKPVXxm+L49XtbUwZyFsrSU2YXsOkM4u1ll9CS/ZgJBUpw==", + "version": "1.18.0", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.18.0.tgz", + "integrity": "sha512-MBAWr6ectF948gW/bs/yfi0jW7DzwI8n0tEYG/ZMQutmK+blF/Oazyhg3oPqtScCGV8bzCtL9KzlzPtTriEOJA==", "dev": true, "requires": { "@types/estree": "0.0.39", - "@types/node": "^12.6.2", + "@types/node": "^12.6.3", "acorn": "^6.2.0" } }, @@ -3161,6 +3147,17 @@ "resolve": "1.11.1", "rollup-pluginutils": "2.8.1", "tslib": "1.10.0" + }, + "dependencies": { + "resolve": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", + "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "dev": true, + "requires": { + "path-parse": "^1.0.6" + } + } } }, "rollup-pluginutils": { diff --git a/packages/overlayscrollbars-react/package.json b/packages/overlayscrollbars-react/package.json index 8015eb9..6724bab 100644 --- a/packages/overlayscrollbars-react/package.json +++ b/packages/overlayscrollbars-react/package.json @@ -7,9 +7,8 @@ "react" ], "files": [ - "./src", - "./dist", - "README.md" + "src", + "dist" ], "homepage": "https://kingsora.github.io/OverlayScrollbars", "repository": { @@ -47,6 +46,7 @@ "setup": "npm i && cd example && npm i && cd ..", "build": "node build.js", "example": "cd example && npm start", + "build-example": "cd example && npm run build", "test": "echo \"Error: no test specified\" && exit 1" } } \ No newline at end of file diff --git a/packages/overlayscrollbars-vue/LICENSE b/packages/overlayscrollbars-vue/LICENSE new file mode 100644 index 0000000..b35e71c --- /dev/null +++ b/packages/overlayscrollbars-vue/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2019 Rene Haas + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. \ No newline at end of file diff --git a/packages/overlayscrollbars-vue/README.md b/packages/overlayscrollbars-vue/README.md index 5fc3b28..023f528 100644 --- a/packages/overlayscrollbars-vue/README.md +++ b/packages/overlayscrollbars-vue/README.md @@ -1,11 +1,12 @@

- OverlayScrollbars - OverlayScrollbars + Vue + OverlayScrollbars

- Dependencies - Downloads - License + Vue + OverlayScrollbars + Downloads + License

Example @@ -15,7 +16,7 @@ FAQ

- The official OverlayScrollbars Vue wrapper. + The official OverlayScrollbars wrapper for Vue.
## Installation @@ -33,21 +34,24 @@ npm install overlayscrollbars ``` npm install vue ``` + ## TypeScript - In case you are using TypeScript, you have to install the [OverlayScrollbars typings](https://www.npmjs.com/package/@types/overlayscrollbars): ``` -npm install -D @types/overlayscrollbars +npm install @types/overlayscrollbars ``` -Since this wrapper is written in TypeScript it comes with its generated typings. +Since this wrapper is written in TypeScript it comes with its generated typings.
+Check out the [recommended](https://github.com/KingSora/OverlayScrollbars#typescript) **tsconfig.json** options. ## Usage #### CSS -You have to import the `OverlayScrollbars.css` by yourself. -The component **doesn't** do it for you as the styles are **global styles**! -There are different ways to achieve this, in Vue the most simple way for me was to add this line in the `main` file: +You have to import the `OverlayScrollbars.css` by yourself.
+The component **doesn't** do it for you as the styles are **global styles**!
+There are different ways to achieve this, in Vue the most simple way for me was to add [this line](https://github.com/KingSora/OverlayScrollbars/blob/master/packages/overlayscrollbars-vue/example/src/main.ts#L1) in the `main` file: ```js import 'overlayscrollbars/css/OverlayScrollbars.css'; ``` + #### Import With the [Vue.use](https://vuejs.org/v2/api/#Vue-use) method you can register the wrapper globally: ```js @@ -56,7 +60,6 @@ import { OverlayScrollbarsPlugin } from 'overlayscrollbars-vue'; Vue.use(OverlayScrollbarsPlugin); ``` - In case you wanna register the Component manually via [global](https://vuejs.org/v2/guide/components-registration.html#Global-Registration) or [local](https://vuejs.org/v2/guide/components-registration.html#Local-Registration) registration, you can simply import it and do whatever you want with it: ```js import Vue from 'vue'; @@ -73,6 +76,7 @@ new Vue({ } }); ``` + #### Template After the registration you can use it in templates like: ```html @@ -90,23 +94,23 @@ Two properties are accepted: `options` and `extensions`. ```vue + :extensions="['extensionA', 'extensionB']" +> ``` -You can read more about the `options` object [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/options), extensions are documented [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/extensions-basics) and [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/initialization). +You can read more about the `options` object [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/options), `extensions` are documented [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/extensions-basics) and [here](https://kingsora.github.io/OverlayScrollbars/#!documentation/initialization). #### Instance If you get the component reference, it provides two methods: `osInstance()` and `osTarget()`. -- The `osInstance()` method returns the OverlayScrollbars `instance` of the component, or `null` if the instance is't initialized yet or already destroyed. -- The `osTarget()` method returns the native `html` element to which the plugin was initialized, or `null` if the the component is't mounted yet or already unmounted. +- The `osInstance()` method returns the OverlayScrollbars `instance` of the component, or `null` if the instance isn't initialized yet or already destroyed. +- The `osTarget()` method returns the native `html` element to which the plugin was initialized, or `null` if the the component isn't mounted yet or already unmounted. ## Example App -In case you need a example app for reference: +In case you need a example app for reference, you can use the example app in this repo(`example folder`): - [Live example](https://kingsora.github.io/OverlayScrollbars/frameworks/vue/) - [Source code](https://github.com/KingSora/OverlayScrollbars/tree/master/packages/overlayscrollbars-vue/example) -If you wanna build the example app in this repo, run these commands: +If you wanna build the example app, run these commands: ```sh npm run setup npm run build diff --git a/packages/overlayscrollbars-vue/build.js b/packages/overlayscrollbars-vue/build.js index 1622b63..85a01af 100644 --- a/packages/overlayscrollbars-vue/build.js +++ b/packages/overlayscrollbars-vue/build.js @@ -23,6 +23,7 @@ const rollupUmdGlobals = { const packageJson = require(filesInfo.packageJsonPath); const tsconfigJson = require(filesInfo.tsconfigJsonPath); +const path = require('path'); const sh = require('shelljs'); const chalk = require('chalk'); const gulp = require('gulp'); @@ -79,9 +80,8 @@ gulp.task('packageJson', function (done) { ...packagePaths, name: packageName, files: [ - filesInfo.srcFolder, - filesInfo.distFolder, - 'README.md' + path.normalize(filesInfo.srcFolder), + path.normalize(filesInfo.distFolder) ] }; sh.ShellString(JSON.stringify(newPackageJson, null, 4)).to(filesInfo.packageJsonPath); diff --git a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js index b705cca..7a0e4d6 100644 --- a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js +++ b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js @@ -2,7 +2,7 @@ import OverlayScrollbars from 'overlayscrollbars'; import Vue from 'vue'; class OverlayScrollbarsComponent extends Vue.extend({ - name: "overlay-scrollbars", + name: 'overlay-scrollbars', props: { options: { type: Object diff --git a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js.map b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js.map index 239b842..9b02f12 100644 --- a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js.map +++ b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.esm.js.map @@ -1 +1 @@ -{"version":3,"file":"overlayscrollbars-vue.esm.js","sources":["../src/OverlayScrollbarsComponent.vue","../node_modules/vue-runtime-helpers/dist/normalize-component.js","../src/OverlayScrollbarsPlugin.ts"],"sourcesContent":["\n\n","'use strict';\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n if (typeof shadowMode !== 'boolean') {\n createInjectorSSR = createInjector;\n createInjector = shadowMode;\n shadowMode = false;\n } // Vue.extend constructor export interop.\n\n\n var options = typeof script === 'function' ? script.options : script; // render functions\n\n if (template && template.render) {\n options.render = template.render;\n options.staticRenderFns = template.staticRenderFns;\n options._compiled = true; // functional template\n\n if (isFunctionalTemplate) {\n options.functional = true;\n }\n } // scopedId\n\n\n if (scopeId) {\n options._scopeId = scopeId;\n }\n\n var hook;\n\n if (moduleIdentifier) {\n // server build\n hook = function hook(context) {\n // 2.3 injection\n context = context || // cached call\n this.$vnode && this.$vnode.ssrContext || // stateful\n this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n // 2.2 with runInNewContext: true\n\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__;\n } // inject component styles\n\n\n if (style) {\n style.call(this, createInjectorSSR(context));\n } // register component module identifier for async chunk inference\n\n\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier);\n }\n }; // used by ssr in case component is cached and beforeCreate\n // never gets called\n\n\n options._ssrRegister = hook;\n } else if (style) {\n hook = shadowMode ? function () {\n style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\n } : function (context) {\n style.call(this, createInjector(context));\n };\n }\n\n if (hook) {\n if (options.functional) {\n // register for functional component in vue file\n var originalRender = options.render;\n\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context);\n return originalRender(h, context);\n };\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate;\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n }\n }\n\n return script;\n}\n\nmodule.exports = normalizeComponent;\n//# sourceMappingURL=normalize-component.js.map\n","import { VueConstructor, PluginObject } from 'vue';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport OverlayScrollbarsComponent from './OverlayScrollbarsComponent.vue';\n\nexport const OverlayScrollbarsPlugin: PluginObject = {\n install(vue: VueConstructor, options?: OverlayScrollbars.Options) {\n if (options) {\n OverlayScrollbars.defaultOptions(options);\n }\n\n vue.component('overlay-scrollbars', OverlayScrollbarsComponent);\n }\n}"],"names":["OverlayScrollbarsComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBA;;;;;;ACfA,SAAS,kBAAkB,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,oBAAoB,EAAE,gBAAgB;;EAElG,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,oBAAoB,EAAE;EACrE,IAAI,OAAO,UAAU,KAAK,SAAS,EAAE;IACnC,iBAAiB,GAAG,cAAc,CAAC;IACnC,cAAc,GAAG,UAAU,CAAC;IAC5B,UAAU,GAAG,KAAK,CAAC;GACpB;;;EAGD,IAAI,OAAO,GAAG,OAAO,MAAM,KAAK,UAAU,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC;;EAErE,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAE;IAC/B,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IACjC,OAAO,CAAC,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC;IACnD,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;;IAEzB,IAAI,oBAAoB,EAAE;MACxB,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC;KAC3B;GACF;;;EAGD,IAAI,OAAO,EAAE;IACX,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC;GAC5B;;EAED,IAAI,IAAI,CAAC;;EAET,IAAI,gBAAgB,EAAE;;IAEpB,IAAI,GAAG,SAAS,IAAI,CAAC,OAAO,EAAE;;MAE5B,OAAO,GAAG,OAAO;MACjB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU;MACrC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;;;MAGnE,IAAI,CAAC,OAAO,IAAI,OAAO,mBAAmB,KAAK,WAAW,EAAE;QAC1D,OAAO,GAAG,mBAAmB,CAAC;OAC/B;;;MAGD,IAAI,KAAK,EAAE;QACT,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC;OAC9C;;;MAGD,IAAI,OAAO,IAAI,OAAO,CAAC,qBAAqB,EAAE;QAC5C,OAAO,CAAC,qBAAqB,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;OACrD;KACF,CAAC;;;;IAIF,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;GAC7B,MAAM,IAAI,KAAK,EAAE;IAChB,IAAI,GAAG,UAAU,GAAG,YAAY;MAC9B,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;KACxE,GAAG,UAAU,OAAO,EAAE;MACrB,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;KAC3C,CAAC;GACH;;EAED,IAAI,IAAI,EAAE;IACR,IAAI,OAAO,CAAC,UAAU,EAAE;;MAEtB,IAAI,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC;;MAEpC,OAAO,CAAC,MAAM,GAAG,SAAS,wBAAwB,CAAC,CAAC,EAAE,OAAO,EAAE;QAC7D,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnB,OAAO,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;OACnC,CAAC;KACH,MAAM;;MAEL,IAAI,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC;MACpC,OAAO,CAAC,YAAY,GAAG,QAAQ,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACtE;GACF;;EAED,OAAO,MAAM,CAAC;CACf;;AAED,wBAAc,GAAG,kBAAkB,CAAC;;;ADrFpC,AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MEEa,uBAAuB,GAA4C;IAC5E,OAAO,CAAC,GAAmB,EAAE,OAAmC;QAC5D,IAAI,OAAO,EAAE;YACT,iBAAiB,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;SAC7C;QAED,GAAG,CAAC,SAAS,CAAC,oBAAoB,EAAEA,4BAA0B,CAAC,CAAC;KACnE;CACJ;;;;"} \ No newline at end of file +{"version":3,"file":"overlayscrollbars-vue.esm.js","sources":["../src/OverlayScrollbarsComponent.vue","../node_modules/vue-runtime-helpers/dist/normalize-component.js","../src/OverlayScrollbarsPlugin.ts"],"sourcesContent":["\n\n","'use strict';\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n if (typeof shadowMode !== 'boolean') {\n createInjectorSSR = createInjector;\n createInjector = shadowMode;\n shadowMode = false;\n } // Vue.extend constructor export interop.\n\n\n var options = typeof script === 'function' ? script.options : script; // render functions\n\n if (template && template.render) {\n options.render = template.render;\n options.staticRenderFns = template.staticRenderFns;\n options._compiled = true; // functional template\n\n if (isFunctionalTemplate) {\n options.functional = true;\n }\n } // scopedId\n\n\n if (scopeId) {\n options._scopeId = scopeId;\n }\n\n var hook;\n\n if (moduleIdentifier) {\n // server build\n hook = function hook(context) {\n // 2.3 injection\n context = context || // cached call\n this.$vnode && this.$vnode.ssrContext || // stateful\n this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n // 2.2 with runInNewContext: true\n\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__;\n } // inject component styles\n\n\n if (style) {\n style.call(this, createInjectorSSR(context));\n } // register component module identifier for async chunk inference\n\n\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier);\n }\n }; // used by ssr in case component is cached and beforeCreate\n // never gets called\n\n\n options._ssrRegister = hook;\n } else if (style) {\n hook = shadowMode ? function () {\n style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\n } : function (context) {\n style.call(this, createInjector(context));\n };\n }\n\n if (hook) {\n if (options.functional) {\n // register for functional component in vue file\n var originalRender = options.render;\n\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context);\n return originalRender(h, context);\n };\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate;\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n }\n }\n\n return script;\n}\n\nmodule.exports = normalizeComponent;\n//# sourceMappingURL=normalize-component.js.map\n","import { VueConstructor, PluginObject } from 'vue';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport OverlayScrollbarsComponent from './OverlayScrollbarsComponent.vue';\n\nexport const OverlayScrollbarsPlugin: PluginObject = {\n install(vue: VueConstructor, options?: OverlayScrollbars.Options) {\n if (options) {\n OverlayScrollbars.defaultOptions(options);\n }\n\n vue.component('overlay-scrollbars', OverlayScrollbarsComponent);\n }\n}"],"names":["OverlayScrollbarsComponent"],"mappings":"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"} \ No newline at end of file diff --git a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js index d95e48d..12419ff 100644 --- a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js +++ b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js @@ -45,7 +45,7 @@ } return OverlayScrollbarsComponent; }(Vue.extend({ - name: "overlay-scrollbars", + name: 'overlay-scrollbars', props: { options: { type: Object diff --git a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js.map b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js.map index 1ae74e7..e4033fa 100644 --- a/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js.map +++ b/packages/overlayscrollbars-vue/dist/overlayscrollbars-vue.js.map @@ -1 +1 @@ -{"version":3,"file":"overlayscrollbars-vue.js","sources":["../src/OverlayScrollbarsComponent.vue","../node_modules/vue-runtime-helpers/dist/normalize-component.js","../src/OverlayScrollbarsPlugin.ts"],"sourcesContent":["\n\n","'use strict';\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n if (typeof shadowMode !== 'boolean') {\n createInjectorSSR = createInjector;\n createInjector = shadowMode;\n shadowMode = false;\n } // Vue.extend constructor export interop.\n\n\n var options = typeof script === 'function' ? script.options : script; // render functions\n\n if (template && template.render) {\n options.render = template.render;\n options.staticRenderFns = template.staticRenderFns;\n options._compiled = true; // functional template\n\n if (isFunctionalTemplate) {\n options.functional = true;\n }\n } // scopedId\n\n\n if (scopeId) {\n options._scopeId = scopeId;\n }\n\n var hook;\n\n if (moduleIdentifier) {\n // server build\n hook = function hook(context) {\n // 2.3 injection\n context = context || // cached call\n this.$vnode && this.$vnode.ssrContext || // stateful\n this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n // 2.2 with runInNewContext: true\n\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__;\n } // inject component styles\n\n\n if (style) {\n style.call(this, createInjectorSSR(context));\n } // register component module identifier for async chunk inference\n\n\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier);\n }\n }; // used by ssr in case component is cached and beforeCreate\n // never gets called\n\n\n options._ssrRegister = hook;\n } else if (style) {\n hook = shadowMode ? function () {\n style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\n } : function (context) {\n style.call(this, createInjector(context));\n };\n }\n\n if (hook) {\n if (options.functional) {\n // register for functional component in vue file\n var originalRender = options.render;\n\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context);\n return originalRender(h, context);\n };\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate;\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n }\n }\n\n return script;\n}\n\nmodule.exports = normalizeComponent;\n//# sourceMappingURL=normalize-component.js.map\n","import { VueConstructor, PluginObject } from 'vue';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport OverlayScrollbarsComponent from './OverlayScrollbarsComponent.vue';\n\nexport const OverlayScrollbarsPlugin: PluginObject = {\n install(vue: VueConstructor, options?: OverlayScrollbars.Options) {\n if (options) {\n OverlayScrollbars.defaultOptions(options);\n }\n\n vue.component('overlay-scrollbars', OverlayScrollbarsComponent);\n }\n}"],"names":["OverlayScrollbarsComponent"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"overlayscrollbars-vue.js","sources":["../src/OverlayScrollbarsComponent.vue","../node_modules/vue-runtime-helpers/dist/normalize-component.js","../src/OverlayScrollbarsPlugin.ts"],"sourcesContent":["\n\n","'use strict';\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n if (typeof shadowMode !== 'boolean') {\n createInjectorSSR = createInjector;\n createInjector = shadowMode;\n shadowMode = false;\n } // Vue.extend constructor export interop.\n\n\n var options = typeof script === 'function' ? script.options : script; // render functions\n\n if (template && template.render) {\n options.render = template.render;\n options.staticRenderFns = template.staticRenderFns;\n options._compiled = true; // functional template\n\n if (isFunctionalTemplate) {\n options.functional = true;\n }\n } // scopedId\n\n\n if (scopeId) {\n options._scopeId = scopeId;\n }\n\n var hook;\n\n if (moduleIdentifier) {\n // server build\n hook = function hook(context) {\n // 2.3 injection\n context = context || // cached call\n this.$vnode && this.$vnode.ssrContext || // stateful\n this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n // 2.2 with runInNewContext: true\n\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__;\n } // inject component styles\n\n\n if (style) {\n style.call(this, createInjectorSSR(context));\n } // register component module identifier for async chunk inference\n\n\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier);\n }\n }; // used by ssr in case component is cached and beforeCreate\n // never gets called\n\n\n options._ssrRegister = hook;\n } else if (style) {\n hook = shadowMode ? function () {\n style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\n } : function (context) {\n style.call(this, createInjector(context));\n };\n }\n\n if (hook) {\n if (options.functional) {\n // register for functional component in vue file\n var originalRender = options.render;\n\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context);\n return originalRender(h, context);\n };\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate;\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n }\n }\n\n return script;\n}\n\nmodule.exports = normalizeComponent;\n//# sourceMappingURL=normalize-component.js.map\n","import { VueConstructor, PluginObject } from 'vue';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport OverlayScrollbarsComponent from './OverlayScrollbarsComponent.vue';\n\nexport const OverlayScrollbarsPlugin: PluginObject = {\n install(vue: VueConstructor, options?: OverlayScrollbars.Options) {\n if (options) {\n OverlayScrollbars.defaultOptions(options);\n }\n\n vue.component('overlay-scrollbars', OverlayScrollbarsComponent);\n }\n}"],"names":["OverlayScrollbarsComponent"],"mappings":"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"} \ No newline at end of file diff --git a/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.d.ts b/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.d.ts index 0f2aa74..85127d6 100644 --- a/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.d.ts +++ b/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.d.ts @@ -1,4 +1,4 @@ -import OverlayScrollbars from "overlayscrollbars"; +import OverlayScrollbars from 'overlayscrollbars'; export interface OverlayScrollbarsComponentData { } export interface OverlayScrollbarsComponentMethods { diff --git a/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.vue.d.ts b/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.vue.d.ts index bb6ddb1..f330e90 100644 --- a/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.vue.d.ts +++ b/packages/overlayscrollbars-vue/dist/types/OverlayScrollbarsComponent.vue.d.ts @@ -1,5 +1,5 @@ -import Vue, { VueConstructor } from "vue"; -import { OverlayScrollbarsComponentData, OverlayScrollbarsComponentMethods, OverlayScrollbarsComponentComputed, OverlayScrollbarsComponentProps } from "./OverlayScrollbarsComponent"; +import Vue, { VueConstructor } from 'vue'; +import { OverlayScrollbarsComponentData, OverlayScrollbarsComponentMethods, OverlayScrollbarsComponentComputed, OverlayScrollbarsComponentProps } from './OverlayScrollbarsComponent'; declare const OverlayScrollbarsComponent_base: VueConstructor; export default class OverlayScrollbarsComponent extends OverlayScrollbarsComponent_base { private _osInstace; diff --git a/packages/overlayscrollbars-vue/example/package-lock.json b/packages/overlayscrollbars-vue/example/package-lock.json index 709917b..a4dd8bc 100644 --- a/packages/overlayscrollbars-vue/example/package-lock.json +++ b/packages/overlayscrollbars-vue/example/package-lock.json @@ -971,9 +971,9 @@ "dev": true }, "@types/node": { - "version": "12.6.8", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.8.tgz", - "integrity": "sha512-aX+gFgA5GHcDi89KG5keey2zf0WfZk/HAQotEamsK2kbey+8yGKcson0hbK8E+v0NArlCJQCqMP161YhV6ZXLg==", + "version": "12.6.9", + "resolved": "https://registry.npmjs.org/@types/node/-/node-12.6.9.tgz", + "integrity": "sha512-+YB9FtyxXGyD54p8rXwWaN1EWEyar5L58GlGWgtH2I9rGmLGBQcw63+0jw+ujqVavNuO47S1ByAjm9zdHMnskw==", "dev": true }, "@types/normalize-package-data": { @@ -1280,9 +1280,9 @@ } }, "@vue/preload-webpack-plugin": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@vue/preload-webpack-plugin/-/preload-webpack-plugin-1.1.0.tgz", - "integrity": "sha512-rcn2KhSHESBFMPj5vc5X2pI9bcBNQQixvJXhD5gZ4rN2iym/uH2qfDSQfUS5+qwiz0a85TCkeUs6w6jxFDudbw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@vue/preload-webpack-plugin/-/preload-webpack-plugin-1.1.1.tgz", + "integrity": "sha512-8VCoJeeH8tCkzhkpfOkt+abALQkS11OIHhte5MBzYaKMTqK0A3ZAKEUVAffsOklhEv7t0yrQt696Opnu9oAx+w==", "dev": true }, "@vue/web-component-wrapper": { @@ -1752,9 +1752,9 @@ "dev": true }, "async-limiter": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz", - "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz", + "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==", "dev": true }, "asynckit": { @@ -2259,9 +2259,9 @@ "dev": true }, "cacache": { - "version": "11.3.3", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-11.3.3.tgz", - "integrity": "sha512-p8WcneCytvzPxhDvYp31PD039vi77I12W+/KfR9S8AZbaiARFBCpsPJS+9uhWfeBfeAtW7o/4vt3MUqLkbY6nA==", + "version": "12.0.2", + "resolved": "https://registry.npmjs.org/cacache/-/cacache-12.0.2.tgz", + "integrity": "sha512-ifKgxH2CKhJEg6tNdAwziu6Q33EvuG26tYcda6PT3WKisZcYDXsnEdnRv67Po3yCzFfaSoMjGZzJyD2c3DT1dg==", "dev": true, "requires": { "bluebird": "^3.5.5", @@ -2269,6 +2269,7 @@ "figgy-pudding": "^3.5.1", "glob": "^7.1.4", "graceful-fs": "^4.1.15", + "infer-owner": "^1.0.3", "lru-cache": "^5.1.1", "mississippi": "^3.0.0", "mkdirp": "^0.5.1", @@ -2382,9 +2383,9 @@ } }, "caniuse-lite": { - "version": "1.0.30000985", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000985.tgz", - "integrity": "sha512-1ngiwkgqAYPG0JSSUp3PUDGPKKY59EK7NrGGX+VOxaKCNzRbNc7uXMny+c3VJfZxtoK3wSImTvG9T9sXiTw2+w==", + "version": "1.0.30000988", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000988.tgz", + "integrity": "sha512-lPj3T8poYrRc/bniW5SQPND3GRtSrQdUM/R4mCYTbZxyi3jQiggLvZH4+BYUuX0t4TXjU+vMM7KFDQg+rSzZUQ==", "dev": true }, "case-sensitive-paths-webpack-plugin": { @@ -3584,13 +3585,21 @@ } }, "dom-serializer": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.1.1.tgz", - "integrity": "sha512-l0IU0pPzLWSHBcieZbpOKgkIn3ts3vAh7ZuFyXNwJxJXk/c4Gwj9xaTJwIDVQCXawWD0qb3IzMGH5rglQaO0XA==", + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.1.tgz", + "integrity": "sha512-sK3ujri04WyjwQXVoK4PU3y8ula1stq10GJZpqHIUgoGZdsGzAGu65BnU3d08aTVSvO7mGPZUc0wTEDL+qGE0Q==", "dev": true, "requires": { - "domelementtype": "^1.3.0", - "entities": "^1.1.1" + "domelementtype": "^2.0.1", + "entities": "^2.0.0" + }, + "dependencies": { + "domelementtype": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.0.1.tgz", + "integrity": "sha512-5HOHUDsYZWV8FGWN0Njbr/Rn7f/eWSQi1v7+HsUVwXgn8nWWlL64zKDkS0n8ZmQ3mlWOMuXOnR+7Nx/5tMO5AQ==", + "dev": true + } } }, "domain-browser": { @@ -3692,9 +3701,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.3.201", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.201.tgz", - "integrity": "sha512-aCTPIfY1Jvuam5b6vuWRjt1F8i4kY7zX0Qtpu5SNd6l1zjuxU9fDNpbM4o6+oJsra+TMD2o7D20GnkSIgpTr9w==", + "version": "1.3.212", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.212.tgz", + "integrity": "sha512-H8z5Smi1s1u1zGegEBfbxUAzrxyk1JoRHHHrlNGfhxv3sTb+p/Jz7JDvrR4196Q/Ip8r4+XwWcLvKrUjFKoJAg==", "dev": true }, "elliptic": { @@ -3751,9 +3760,9 @@ } }, "entities": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", - "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.0.tgz", + "integrity": "sha512-D9f7V0JSRwIxlRI2mjMqufDrRDnx8p+eEOz7aUM9SuvF8gsBzra0/6tbjl1m8eQHrZlYj6PxqE00hZ1SAIKPLw==", "dev": true }, "errno": { @@ -3852,9 +3861,9 @@ "dev": true }, "esutils": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz", - "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", "dev": true }, "etag": { @@ -4461,14 +4470,12 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -4483,20 +4490,17 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -4613,8 +4617,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -4626,7 +4629,6 @@ "version": "1.0.0", "bundled": true, "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -4641,7 +4643,6 @@ "version": "3.0.4", "bundled": true, "dev": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -4649,14 +4650,12 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -4675,7 +4674,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -4756,8 +4754,7 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "object-assign": { "version": "4.1.1", @@ -4769,7 +4766,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -4891,7 +4887,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -5209,9 +5204,9 @@ "dev": true }, "highlight.js": { - "version": "9.15.8", - "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.15.8.tgz", - "integrity": "sha512-RrapkKQWwE+wKdF73VsOa2RQdIoO3mxwJ4P8mhbI6KYJUraUHRKM5w5zQQKXNk0xNL4UVRdulV9SBJcmzJNzVA==", + "version": "9.15.9", + "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.15.9.tgz", + "integrity": "sha512-M0zZvfLr5p0keDMCAhNBp03XJbKBxUx5AfyfufMdFMEP4N/Xj6dh0IqC75ys7BAzceR34NgcvXjupRVaHBPPVQ==", "dev": true }, "hmac-drbg": { @@ -5357,6 +5352,12 @@ "readable-stream": "^3.1.1" }, "dependencies": { + "entities": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", + "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==", + "dev": true + }, "readable-stream": { "version": "3.4.0", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.4.0.tgz", @@ -5554,6 +5555,12 @@ "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc=", "dev": true }, + "infer-owner": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz", + "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==", + "dev": true + }, "inflight": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", @@ -6321,9 +6328,9 @@ } }, "merge2": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz", - "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==", + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.4.tgz", + "integrity": "sha512-FYE8xI+6pjFOhokZu0We3S5NKCirLbCzSh2Usf3qEyr4X8U+0jNg9P8RZ4qz+V2UoECLVwSyzU3LxXBaLGtD3A==", "dev": true }, "methods": { @@ -7862,9 +7869,9 @@ "dev": true }, "psl": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.2.0.tgz", - "integrity": "sha512-GEn74ZffufCmkDDLNcl3uuyF/aSD6exEyh1v/ZSdAomB82t6G9hzJVRx0jBmLDW+VfZqks3aScmMw9DszwUalA==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.3.0.tgz", + "integrity": "sha512-avHdspHO+9rQTLbv1RO+MPYeP/SzsCoxofjVnHanETfQhTJrmB0HlDoW+EiN/R+C0BZ+gERab9NY0lPN2TxNag==", "dev": true }, "public-encrypt": { @@ -8282,9 +8289,9 @@ "dev": true }, "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.12.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz", + "integrity": "sha512-B/dOmuoAik5bKcD6s6nXDCjzUKnaDvdkRyAk6rsmsKLipWj4797iothd7jmmUhWTfinVMU+wc56rYKsit2Qy4w==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -8865,9 +8872,9 @@ } }, "source-map-support": { - "version": "0.5.12", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", - "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", + "version": "0.5.13", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.13.tgz", + "integrity": "sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==", "dev": true, "requires": { "buffer-from": "^1.0.0", @@ -8921,9 +8928,9 @@ "dev": true }, "spdy": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.0.tgz", - "integrity": "sha512-ot0oEGT/PGUpzf/6uk4AWLqkq+irlqHXkrdbk51oWONh3bxQmBuljxPNl66zlRRcIJStWq0QkLUCPOPjgjvU0Q==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.1.tgz", + "integrity": "sha512-HeZS3PBdMA+sZSu0qwpCxl3DeALD5ASx8pAX0jZdKXSpPWbQ6SYGnlg3BBmYLx5LtiZrmkAZfErCm2oECBcioA==", "dev": true, "requires": { "debug": "^4.1.0", @@ -9237,9 +9244,9 @@ "dev": true }, "terser": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/terser/-/terser-4.1.2.tgz", - "integrity": "sha512-jvNoEQSPXJdssFwqPSgWjsOrb+ELoE+ILpHPKXC83tIxOlh2U75F1KuB2luLD/3a6/7K3Vw5pDn+hvu0C4AzSw==", + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/terser/-/terser-4.1.3.tgz", + "integrity": "sha512-on13d+cnpn5bMouZu+J8tPYQecsdRJCJuxFJ+FVoPBoLJgk5bCBkp+Uen2hWyi0KIUm6eDarnlAlH+KgIx/PuQ==", "dev": true, "requires": { "commander": "^2.20.0", @@ -9256,20 +9263,19 @@ } }, "terser-webpack-plugin": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.3.0.tgz", - "integrity": "sha512-W2YWmxPjjkUcOWa4pBEv4OP4er1aeQJlSo2UhtCFQCuRXEHjOFscO8VyWHj9JLlA0RzQb8Y2/Ta78XZvT54uGg==", + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-1.4.1.tgz", + "integrity": "sha512-ZXmmfiwtCLfz8WKZyYUuuHf3dMYEjg8NrjHMb0JqHVHVOSkzp3cW2/XG1fP3tRhqEqSzMwzzRQGtAPbs4Cncxg==", "dev": true, "requires": { - "cacache": "^11.3.2", - "find-cache-dir": "^2.0.0", + "cacache": "^12.0.2", + "find-cache-dir": "^2.1.0", "is-wsl": "^1.1.0", - "loader-utils": "^1.2.3", "schema-utils": "^1.0.0", "serialize-javascript": "^1.7.0", "source-map": "^0.6.1", - "terser": "^4.0.0", - "webpack-sources": "^1.3.0", + "terser": "^4.1.2", + "webpack-sources": "^1.4.0", "worker-farm": "^1.7.0" }, "dependencies": { @@ -10026,9 +10032,9 @@ } }, "webpack-bundle-analyzer": { - "version": "3.3.2", - "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.3.2.tgz", - "integrity": "sha512-7qvJLPKB4rRWZGjVp5U1KEjwutbDHSKboAl0IfafnrdXMrgC0tOtZbQD6Rw0u4cmpgRN4O02Fc0t8eAT+FgGzA==", + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.4.1.tgz", + "integrity": "sha512-Bs8D/1zF+17lhqj2OYmzi7HEVYqEVxu7lCO9Ff8BwajenOU0vAwEoV8e4ICCPNZAcqR1PCR/7o2SkW+cnCmF0A==", "dev": true, "requires": { "acorn": "^6.0.7", @@ -10040,7 +10046,7 @@ "express": "^4.16.3", "filesize": "^3.6.1", "gzip-size": "^5.0.0", - "lodash": "^4.17.10", + "lodash": "^4.17.15", "mkdirp": "^0.5.1", "opener": "^1.5.1", "ws": "^6.0.0" @@ -10323,9 +10329,9 @@ } }, "webpack-sources": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.3.0.tgz", - "integrity": "sha512-OiVgSrbGu7NEnEvQJJgdSFPl2qWKkWq5lHMhgiToIiN9w34EBnjYzSYs+VbL5KoYiLNtFFa7BZIKxRED3I32pA==", + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.1.tgz", + "integrity": "sha512-XSz38193PTo/1csJabKaV4b53uRVotlMgqJXm3s3eje0Bu6gQTxYDqpD38CmQfDBA+gN+QqaGjasuC8I/7eW3Q==", "dev": true, "requires": { "source-list-map": "^2.0.0", diff --git a/packages/overlayscrollbars-vue/example/src/App.vue b/packages/overlayscrollbars-vue/example/src/App.vue index 9cf3485..0099ef6 100644 --- a/packages/overlayscrollbars-vue/example/src/App.vue +++ b/packages/overlayscrollbars-vue/example/src/App.vue @@ -84,9 +84,9 @@