fix: improve types for EventEmitter (#60)

Author: JounQin

ng-package.json

@@ -1,8 +1,5 @@
 {
   "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "allowedNonPeerDependencies": [
-    "css-element-queries"
-  ],
   "dest": "./release",
   "lib": {
     "entryFile": "src/public-api.ts",

package.json

@@ -30,39 +30,37 @@
     "monaco-editor": ">=0.20.0"
   },
   "devDependencies": {
-    "@1stg/app-config": "^2.0.0",
+    "@1stg/app-config": "^2.1.0",
     "@1stg/tslint-config": "^2.0.0",
-    "@angular-devkit/build-angular": "^12.0.1",
-    "@angular/cli": "^12.0.1",
-    "@angular/common": "^12.0.1",
-    "@angular/compiler": "^12.0.1",
-    "@angular/compiler-cli": "^12.0.1",
-    "@angular/core": "^12.0.1",
-    "@angular/forms": "^12.0.1",
-    "@angular/platform-browser": "^12.0.1",
-    "@angular/platform-browser-dynamic": "^12.0.1",
-    "@storybook/addon-actions": "^6.3.0-alpha.39",
-    "@storybook/addon-knobs": "^6.3.0-alpha.21",
+    "@angular-devkit/build-angular": "^12.0.2",
+    "@angular/cli": "^12.0.2",
+    "@angular/common": "^12.0.2",
+    "@angular/compiler": "^12.0.2",
+    "@angular/compiler-cli": "^12.0.2",
+    "@angular/core": "^12.0.2",
+    "@angular/forms": "^12.0.2",
+    "@angular/platform-browser": "^12.0.2",
+    "@angular/platform-browser-dynamic": "^12.0.2",
+    "@storybook/addon-actions": "^6.3.0-beta.2",
+    "@storybook/addon-knobs": "^6.3.0-next.2",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/angular": "^6.3.0-alpha.39",
-    "@storybook/builder-webpack5": "^6.3.0-alpha.39",
-    "@storybook/cli": "^6.3.0-alpha.39",
-    "@storybook/manager-webpack5": "^6.3.0-alpha.39",
+    "@storybook/angular": "^6.3.0-beta.2",
+    "@storybook/builder-webpack5": "^6.3.0-beta.2",
+    "@storybook/cli": "^6.3.0-beta.2",
+    "@storybook/manager-webpack5": "^6.3.0-beta.2",
     "@types/lodash-es": "^4.17.4",
     "lodash-es": "^4.17.21",
     "monaco-editor": "^0.24.0",
     "monaco-editor-webpack-plugin": "^3.1.0",
     "monaco-yaml": "^2.5.1",
-    "ng-packagr": "^12.0.0",
-    "npm-run-all": "^4.1.5",
+    "ng-packagr": "^12.0.2",
     "postcss": "^8.3.0",
     "rimraf": "^3.0.2",
     "rxjs": "^7.1.0",
     "standard-version": "^9.3.0",
     "ts-node": "^10.0.0",
     "tslib": "^2.2.0",
     "tslint": "^6.1.3",
-    "yarn-deduplicate": "^3.1.0",
     "zone.js": "^0.11.4"
   },
   "resolutions": {

src/monaco-common-editor.component.ts

@@ -53,13 +53,13 @@ export abstract class MonacoCommonEditorComponent
    * Events emitted when monaco editor changed.
    */
   @Output()
-  editorChange = new EventEmitter();
+  editorChange = new EventEmitter<MonacoEditor>();
 
   /**
    * Events emitted when monaco editor blurs.
    */
   @Output()
-  editorBlur = new EventEmitter();
+  editorBlur = new EventEmitter<void>();
 
   /**
    * A helper ID to let the user to see the embedded monaco editor ID.
@@ -89,7 +89,7 @@ export abstract class MonacoCommonEditorComponent
 
   // for MonacoDiffEditorComponent usage
   protected get rootEditor() {
-    return this._rootEditor || this.editor;
+    return this._rootEditor ?? this.editor;
   }
 
   protected set rootEditor(editor) {