build(4.0.0): Angular v14 support 🎉

AhsanAyaz · Jul 5, 2022 · 4b1b878 · 4b1b878
1 parent 84f0d74
commit 4b1b878
Show file tree

Hide file tree

Showing 33 changed files with 288 additions and 82 deletions.
diff --git a/CHANGE_LOG.MD b/CHANGE_LOG.MD
@@ -1,3 +1,13 @@
+# [4.0.0](https://github.com/KoderLabs/ngx-device-detector/compare/v3.0.0...v4.0.0) (2022-07-05)
+
+
+### Features
+
+* **angular:** upgrade to angular 14 ([ec1ca8e](https://github.com/KoderLabs/ngx-device-detector/commit/ec1ca8ea2e2fa5ce7499d5cfc758b25f9ec22e92))
+* **ie11:** remove IE11 compatiblity information ([84f0d74](https://github.com/KoderLabs/ngx-device-detector/commit/84f0d744475c8ad6b83f32b161c7e7460687239b))
+
+
+
 # [3.0.0](https://github.com/KoderLabs/ngx-device-detector/compare/v2.2.1...v3.0.0) (2021-11-30)
 
 

diff --git a/docs/classes/AppPage.html b/docs/classes/AppPage.html
@@ -42,6 +42,7 @@
 
 
 
+
 <ol class="breadcrumb">
   <li>Classes</li>
   <li >AppPage</li>
@@ -303,6 +304,7 @@ <h3 id="methods">
 
 
 
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>

diff --git a/docs/classes/ReTree.html b/docs/classes/ReTree.html
@@ -42,6 +42,7 @@
 
 
 
+
 <ol class="breadcrumb">
   <li>Classes</li>
   <li >ReTree</li>
@@ -363,6 +364,7 @@ <h3 id="methods">
 
 
 
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>

diff --git a/docs/components/AppComponent.html b/docs/components/AppComponent.html
@@ -871,6 +871,8 @@ <h3 id="accessors">
 
 
 
+
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>

diff --git a/docs/contributing.html b/docs/contributing.html
@@ -47,9 +47,9 @@ <h3 id="issues">Issues</h3>
 <li>Provide as many details as you can about the bug. How can it be reproduced? What have you tried so far?</li>
 <li>For feature requests, really explain why your feature is important and how it improves the library and helps the developers using it.</li>
 <li>Go through existing issues. Make sure that it hasn&#39;t already been opened.</li>
-<li>If planning on helping close an issue, don&#39;t be shy. Ask questions and get more information before sending your PR.<h3 id="pull-requests">Pull Requests</h3>
-</li>
+<li>If planning on helping close an issue, don&#39;t be shy. Ask questions and get more information before sending your PR.</li>
 </ul>
+<h3 id="pull-requests">Pull Requests</h3>
 <p>Want to fix a bug, implement a feature or help with the tests / docs? Please read this first:</p>
 <ul>
 <li>Make sure there&#39;s an open issue for what you&#39;re sending in your Pull Request. If not, open it.</li>
@@ -86,6 +86,8 @@ <h3 id="relevant-links">Relevant Links</h3>
 
 
 
+
+
 
                    </div><div class="search-results">
     <div class="has-results">

diff --git a/docs/coverage.html b/docs/coverage.html
@@ -48,6 +48,8 @@
 
 
 
+
+
 <ol class="breadcrumb">
     <li>Documentation coverage</li>
 </ol>

diff --git a/docs/dependencies.html b/docs/dependencies.html
@@ -45,36 +45,37 @@
 
 
 
+
     <ol class="breadcrumb">
         <li>Dependencies</li>
     </ol>
     <ul class="dependencies-list">
         <li>
-            <b>@angular/animations</b> : ~13.0.2</li>
+            <b>@angular/animations</b> : ^14.0.4</li>
         <li>
-            <b>@angular/common</b> : ~13.0.2</li>
+            <b>@angular/common</b> : ^14.0.4</li>
         <li>
-            <b>@angular/compiler</b> : ~13.0.2</li>
+            <b>@angular/compiler</b> : ^14.0.4</li>
         <li>
-            <b>@angular/core</b> : ~13.0.2</li>
+            <b>@angular/core</b> : ^14.0.4</li>
         <li>
-            <b>@angular/forms</b> : ~13.0.2</li>
+            <b>@angular/forms</b> : ^14.0.4</li>
         <li>
-            <b>@angular/platform-browser</b> : ~13.0.2</li>
+            <b>@angular/platform-browser</b> : ^14.0.4</li>
         <li>
-            <b>@angular/platform-browser-dynamic</b> : ~13.0.2</li>
+            <b>@angular/platform-browser-dynamic</b> : ^14.0.4</li>
         <li>
-            <b>@angular/platform-server</b> : ~13.0.2</li>
+            <b>@angular/platform-server</b> : ^14.0.4</li>
         <li>
-            <b>@angular/router</b> : ~13.0.2</li>
+            <b>@angular/router</b> : ^14.0.4</li>
         <li>
-            <b>@nguniversal/express-engine</b> : ^13.0.1</li>
+            <b>@nguniversal/express-engine</b> : ^14.0.2</li>
         <li>
             <b>conventional-changelog-cli</b> : ^2.1.1</li>
         <li>
             <b>express</b> : ^4.17.1</li>
         <li>
-            <b>ngx-device-detector</b> : ^2.2.1</li>
+            <b>ngx-device-detector</b> : ^3.0.0</li>
         <li>
             <b>rxjs</b> : ^7.4.0</li>
         <li>
@@ -88,6 +89,7 @@
 
 
 
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>

diff --git a/docs/graph/dependencies.svg b/docs/graph/dependencies.svg
diff --git a/docs/index.html b/docs/index.html
@@ -102,6 +102,10 @@ <h2 id="dependencies">Dependencies</h2>
 <td>3.0.0</td>
 <td>13.x</td>
 </tr>
+<tr>
+<td>4.0.0</td>
+<td>14.x</td>
+</tr>
 </tbody>
 </table>
 <h2 id="installation">Installation</h2>
@@ -185,9 +189,6 @@ <h2 id="development">Development</h2>
   $ ng serve</code></pre></div><p>the demo will be up at <code>localhost:4200</code></p>
 <h2 id="change-log">Change Log</h2>
 <p>Please see <a href="CHANGE_LOG.MD">CHANGE_LOG.MD</a> for the updates.</p>
-<h2 id="ie10-ie11-compatibility">IE10, IE11 Compatibility</h2>
-<p>If you&#39;re consuming the library for IE10 &amp; IE11, please refer to the <code>polyfills.ts</code> file in your project.</p>
-<p>For example, for an Angular 9.x+ project, you can refer to the changes done in <a href="https://github.com/KoderLabs/ngx-device-detector/pull/184/files">this PR</a> for our <a href="https://koderlabs.github.io/ngx-device-detector/demo/">demo project</a> that works on IE11</p>
 <h2 id="credits">Credits</h2>
 <p>The library is inspired by and based on the work from <a href="https://github.com/srfrnk/ng-device-detector">ng-device-detector </a>. Also used a typescript wrapper of the amazing work in <a href="https://github.com/srfrnk/re-tree">ReTree</a> for regex based needs and an Angular2 Library Creator boilerplate to get the work started fast. I.e. <a href="https://github.com/jvandemo/generator-angular2-library">Generator Angular2 library</a>.</p>
 <h2 id="license">License</h2>
@@ -210,6 +211,8 @@ <h2 id="license">License</h2>
 
 
 
+
+
 
                    </div><div class="search-results">
     <div class="has-results">

diff --git a/docs/injectables/DeviceDetectorService.html b/docs/injectables/DeviceDetectorService.html
@@ -38,6 +38,7 @@
 
 
 
+
 <ol class="breadcrumb">
   <li>Injectables</li>
   <li >DeviceDetectorService</li>
@@ -1069,6 +1070,7 @@ <h3 id="inputs">
 
 
 
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>

diff --git a/docs/injectables/UniversalDeviceDetectorService.html b/docs/injectables/UniversalDeviceDetectorService.html
@@ -38,6 +38,7 @@
 
 
 
+
 <ol class="breadcrumb">
   <li>Injectables</li>
   <li >UniversalDeviceDetectorService</li>
@@ -1022,6 +1023,7 @@ <h3 id="inputs">
 
 
 
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>

diff --git a/docs/interfaces/DeviceInfo.html b/docs/interfaces/DeviceInfo.html
@@ -43,6 +43,7 @@
 
 
 
+
 <ol class="breadcrumb">
   <li>Interfaces</li>
   <li
@@ -616,6 +617,7 @@ <h3 id="inputs">Properties</h3>
 
 
 
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>

diff --git a/docs/js/menu-wc.js b/docs/js/menu-wc.js
@@ -48,6 +48,11 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                         <span class="icon ion-ios-list"></span>Dependencies
                                     </a>
                                 </li>
+                                <li class="link">
+                                    <a href="properties.html" data-type="chapter-link">
+                                        <span class="icon ion-ios-apps"></span>Properties
+                                    </a>
+                                </li>
                     </ul>
                 </li>
                     <li class="chapter modules">

diff --git a/docs/js/menu-wc_es5.js b/docs/js/menu-wc_es5.js
diff --git a/docs/js/menu.js b/docs/js/menu.js
@@ -77,15 +77,16 @@ document.addEventListener('DOMContentLoaded', function () {
     processMenuLinks(entityLinks);
     var indexLinks = document.querySelectorAll('[data-type="index-link"]');
     processMenuLinks(indexLinks, true);
-    var entityLogos = document.querySelectorAll('[data-type="compodoc-logo"]');
-    var processLogos = function (entityLogo) {
+    var compodocLogos = document.querySelectorAll('[data-type="compodoc-logo"]');
+    var customLogo = document.querySelectorAll('[data-type="custom-logo"]');
+    var processLogos = function (entityLogos) {
         for (var i = 0; i < entityLogos.length; i++) {
             var entityLogo = entityLogos[i];
             if (entityLogo) {
                 var url = entityLogo.getAttribute('data-src');
                 // Dark mode + logo
                 let isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
-                if (isDarkMode) {
+                if (isDarkMode && url.indexOf('compodoc') !== -1) {
                     url = 'images/compodoc-vectorise-inverted.png';
                 }
                 if (url.charAt(0) !== '.') {
@@ -115,7 +116,8 @@ document.addEventListener('DOMContentLoaded', function () {
             }
         }
     };
-    processLogos(entityLogos);
+    processLogos(compodocLogos);
+    processLogos(customLogo);
 
     setTimeout(function () {
         document.getElementById('btn-menu').addEventListener('click', function () {
@@ -265,6 +267,7 @@ document.addEventListener('DOMContentLoaded', function () {
         var darkModeState = useDark.matches;
         var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
         var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
+        var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
 
         function checkToggle(check) {
             for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
@@ -273,6 +276,10 @@ document.addEventListener('DOMContentLoaded', function () {
         }
 
         function toggleDarkMode(state) {
+            if (window.localStorage) {
+                localStorage.setItem('compodoc_darkmode-state', state);
+            }
+
             checkToggle(state);
 
             const hasClass = document.body.classList.contains('dark');
@@ -297,6 +304,9 @@ document.addEventListener('DOMContentLoaded', function () {
         useDark.addEventListener('change', function (evt) {
             toggleDarkMode(evt.matches);
         });
+        if (darkModeStateLocal) {
+            darkModeState = darkModeStateLocal === 'true';
+        }
         toggleDarkMode(darkModeState);
 
         if ($darkModeToggles.length > 0) {

diff --git a/docs/js/search/search_index.js b/docs/js/search/search_index.js
diff --git a/docs/license.html b/docs/license.html
@@ -67,6 +67,8 @@
 
 
 
+
+
 
                    </div><div class="search-results">
     <div class="has-results">

diff --git a/docs/miscellaneous/enumerations.html b/docs/miscellaneous/enumerations.html
@@ -47,6 +47,8 @@
 
 
 
+
+
 <ol class="breadcrumb">
   <li>Miscellaneous</li>
   <li>Enumerations</li>

diff --git a/docs/miscellaneous/functions.html b/docs/miscellaneous/functions.html
@@ -47,6 +47,8 @@
 
 
 
+
+
 <ol class="breadcrumb">
   <li>Miscellaneous</li>
   <li>Functions</li>

diff --git a/docs/miscellaneous/variables.html b/docs/miscellaneous/variables.html
@@ -47,6 +47,8 @@
 
 
 
+
+
 <ol class="breadcrumb">
   <li>Miscellaneous</li>
   <li>Variables</li>

diff --git a/docs/modules.html b/docs/modules.html
@@ -91,6 +91,8 @@ <h4 class="card-title">AppServerModule</h4>
 
 
 
+
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>