improve angular example

examples/angular/package-lock.json

@@ -1,12 +1,10 @@
 {
-  "name": "example",
+  "name": "angular",
   "version": "0.0.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "example",
-      "version": "0.0.0",
       "dependencies": {
         "@angular/animations": "^14.2.0",
         "@angular/common": "^14.2.0",
@@ -16,6 +14,7 @@
         "@angular/platform-browser": "^14.2.0",
         "@angular/platform-browser-dynamic": "^14.2.0",
         "@angular/router": "^14.2.0",
+        "overlayscrollbars": "file:../../packages/overlayscrollbars/dist",
         "overlayscrollbars-ngx": "file:../../packages/overlayscrollbars-ngx/dist",
         "rxjs": "~7.5.0",
         "tslib": "^2.3.0",
@@ -29,17 +28,21 @@
       }
     },
     "../../packages/overlayscrollbars-ngx/dist": {
+      "name": "overlayscrollbars-ngx",
       "version": "0.4.0",
       "dependencies": {
-        "tslib": "^2.0.0"
+        "tslib": "^2.4.0"
       },
       "peerDependencies": {
-        "@angular/common": ">=10.0.0",
-        "@angular/core": ">=10.0.0"
+        "@angular/common": ">=12.0.0",
+        "@angular/core": ">=12.0.0",
+        "overlayscrollbars": "^2.0.0"
       }
     },
     "../../packages/overlayscrollbars/dist": {
-      "extraneous": true
+      "name": "overlayscrollbars",
+      "version": "2.0.0-beta.3",
+      "license": "MIT"
     },
     "../dist": {
       "version": "0.4.0",
@@ -7872,6 +7875,10 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/overlayscrollbars": {
+      "resolved": "../../packages/overlayscrollbars/dist",
+      "link": true
+    },
     "node_modules/overlayscrollbars-ngx": {
       "resolved": "../../packages/overlayscrollbars-ngx/dist",
       "link": true
@@ -16728,10 +16735,13 @@
       "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
       "dev": true
     },
+    "overlayscrollbars": {
+      "version": "file:../../packages/overlayscrollbars/dist"
+    },
     "overlayscrollbars-ngx": {
       "version": "file:../../packages/overlayscrollbars-ngx/dist",
       "requires": {
-        "tslib": "^2.0.0"
+        "tslib": "^2.4.0"
       }
     },
     "p-limit": {

examples/angular/package.json

@@ -9,6 +9,7 @@
     "@angular/platform-browser": "^14.2.0",
     "@angular/platform-browser-dynamic": "^14.2.0",
     "@angular/router": "^14.2.0",
+    "overlayscrollbars": "file:../../packages/overlayscrollbars/dist",
     "overlayscrollbars-ngx": "file:../../packages/overlayscrollbars-ngx/dist",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",

examples/angular/src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import type { EventListenerArgs } from 'overlayscrollbars';
 
 @Component({
   selector: 'app-root',
@@ -14,7 +15,7 @@ import { Component } from '@angular/core';
       />
     </div>
     <h2>Here are some links to help you start:</h2>
-    <overlay-scrollbars></overlay-scrollbars>
+    <div overlay-scrollbars (osUpdated)="onUpdated($event)"></div>
     <ul>
       <li>
         <h2>
@@ -35,4 +36,9 @@ import { Component } from '@angular/core';
 })
 export class AppComponent {
   title = 'example';
+
+  onUpdated([instance, onUpdatedArgs]: EventListenerArgs['updated']) {
+    // eslint-disable-next-line no-console
+    console.log(instance, onUpdatedArgs);
+  }
 }