From d8e8209167560f64e445a384a88f58e2b16523b9 Mon Sep 17 00:00:00 2001
From: Rene Haas <king-sora@hotmail.de>
Date: Wed, 9 Nov 2022 11:01:53 +0100
Subject: [PATCH] improve angular example

---
 examples/angular/package-lock.json        | 26 ++++++++++++++++-------
 examples/angular/package.json             |  1 +
 examples/angular/src/app/app.component.ts |  8 ++++++-
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/examples/angular/package-lock.json b/examples/angular/package-lock.json
index 1d4e5b0..00b1b4a 100644
--- a/examples/angular/package-lock.json
+++ b/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": {
diff --git a/examples/angular/package.json b/examples/angular/package.json
index 792953c..4670ec2 100644
--- a/examples/angular/package.json
+++ b/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",
diff --git a/examples/angular/src/app/app.component.ts b/examples/angular/src/app/app.component.ts
index 3f0a390..8a421b9 100644
--- a/examples/angular/src/app/app.component.ts
+++ b/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);
+  }
 }