feat: angular 13

.gitignore

@@ -6,43 +6,39 @@ package-lock.json
 /dist
 /tmp
 /out-tsc
-# Only exists if Bazel was run
 /bazel-out
 
-# dependencies
+# Node
 /node_modules
-
-# profiling files
-chrome-profiler-events.json
-speed-measure-plugin.json
+npm-debug.log
+yarn-error.log
 
 # IDEs and editors
-/.idea
+.idea/
 .project
 .classpath
 .c9/
 *.launch
 .settings/
 *.sublime-workspace
 
-# IDE - VSCode
+# Visual Studio Code
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
 .history/*
 
-# misc
-/.sass-cache
+# Miscellaneous
+/.angular/cache
+.sass-cache/
 /connect.lock
 /coverage
 /libpeerconnection.log
-npm-debug.log
-yarn-error.log
 testem.log
 /typings
 
-# System Files
+# System files
 .DS_Store
 Thumbs.db

package.json

@@ -11,32 +11,32 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "12.1.2",
-    "@angular/common": "12.1.2",
-    "@angular/compiler": "12.1.2",
-    "@angular/core": "12.1.2",
-    "@angular/forms": "12.1.2",
-    "@angular/platform-browser": "12.1.2",
-    "@angular/platform-browser-dynamic": "12.1.2",
-    "@angular/router": "12.1.2",
-    "rxjs": "~6.6.0",
+    "@angular/animations": "~13.3.0",
+    "@angular/common": "~13.3.0",
+    "@angular/compiler": "~13.3.0",
+    "@angular/core": "~13.3.0",
+    "@angular/forms": "~13.3.0",
+    "@angular/platform-browser": "~13.3.0",
+    "@angular/platform-browser-dynamic": "~13.3.0",
+    "@angular/router": "~13.3.0",
+    "rxjs": "~7.5.0",
     "sidebarjs": "9.0.0",
-    "tslib": "2.3.0",
-    "zone.js": "0.11.4"
+    "tslib": "^2.3.0",
+    "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "12.1.2",
-    "@angular/cli": "12.1.2",
-    "@angular/compiler-cli": "12.1.2",
-    "@types/jasmine": "3.8.1",
-    "@types/node": "16.3.3",
-    "jasmine-core": "3.8.0",
-    "karma": "6.3.4",
-    "karma-chrome-launcher": "3.1.0",
-    "karma-coverage": "2.0.3",
-    "karma-jasmine": "4.0.1",
-    "karma-jasmine-html-reporter": "1.7.0",
-    "ng-packagr": "12.1.2",
-    "typescript": "4.3.5"
+    "@angular-devkit/build-angular": "~13.3.10",
+    "@angular/cli": "~13.3.10",
+    "@angular/compiler-cli": "~13.3.0",
+    "@types/jasmine": "~3.10.0",
+    "@types/node": "^12.11.1",
+    "jasmine-core": "~4.0.0",
+    "karma": "~6.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.1.0",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "~1.7.0",
+    "ng-packagr": "^13.0.0",
+    "typescript": "~4.6.2"
   }
 }

projects/ng-sidebarjs/.browserslistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

projects/ng-sidebarjs/ng-package.json

@@ -5,9 +5,6 @@
     "sidebarjs"
   ],
   "lib": {
-    "entryFile": "src/public-api.ts",
-    "umdModuleIds": {
-      "sidebarjs": "sidebarjs"
-    }
+    "entryFile": "src/public-api.ts"
   }
 }

projects/ng-sidebarjs/package.json

@@ -24,7 +24,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@angular/common": "^12.0.0",
-    "@angular/core": "^12.0.0"
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0"
   }
 }

projects/ng-sidebarjs/src/lib/sidebarjs-element/sidebarjs-element.component.scss

@@ -0,0 +1,9 @@
+@import './../../../../../node_modules/sidebarjs/src/sidebarjs.scss';
+
+sidebarjs-element[sidebarjs] {
+  transition-delay: $duration;
+
+  &.sidebarjs--is-visible {
+    transition-delay: 0s;
+  }
+}

projects/ng-sidebarjs/src/lib/sidebarjs-element/sidebarjs-element.component.ts

@@ -17,10 +17,7 @@ import { SidebarjsService, SidebarConfig } from '../sidebarjs.service';
 @Component({
   selector: 'sidebarjs-element',
   templateUrl: './sidebarjs-element.component.html',
-  styleUrls: [
-    './../../../../../node_modules/sidebarjs/src/sidebarjs.scss',
-    './sidebarjs-element.component.css',
-  ],
+  styleUrls: ['./sidebarjs-element.component.scss'],
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

projects/ng-sidebarjs/src/lib/sidebarjs.service.ts

@@ -4,4 +4,4 @@ export {
   HTMLSidebarElement,
   SidebarBase,
   SidebarPosition
-}from 'sidebarjs';
+} from 'sidebarjs';

projects/ng-sidebarjs/tsconfig.lib.json

@@ -9,8 +9,8 @@
     "inlineSources": true,
     "types": [],
     "lib": [
-      "dom",
-      "es2018"
+      "es2020",
+      "dom"
     ]
   },
   "exclude": [

tsconfig.json

@@ -6,6 +6,8 @@
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
     "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,
     "noFallthroughCasesInSwitch": true,
     "sourceMap": true,
@@ -23,7 +25,7 @@
     "target": "es2017",
     "module": "es2020",
     "lib": [
-      "es2018",
+      "es2020",
       "dom"
     ]
   },