build(5.0.1): just an update to the readme

CHANGE_LOG.MD

@@ -1,3 +1,7 @@
+## [5.0.1](https://github.com/KoderLabs/ngx-device-detector/compare/v5.0.0...v5.0.1) (2023-01-20)
+
+
+
 # [5.0.0](https://github.com/KoderLabs/ngx-device-detector/compare/v4.0.0...v5.0.0) (2023-01-20)
 
 

docs/components/AppComponent.html

@@ -676,6 +676,9 @@ <h3 id="accessors">
       &lt;img src&#x3D;&quot;assets/images/github-logo.png&quot; /&gt;
     &lt;/a&gt;
     &lt;div class&#x3D;&quot;demo-heading&quot;&gt;
+      &lt;div style&#x3D;&quot;text-align: center; width: 100%&quot;&gt;
+        &lt;img src&#x3D;&quot;https://raw.githubusercontent.com/KoderLabs/ngx-device-detector/master/assets/logo.svg&quot; width&#x3D;&quot;200&quot;&gt;
+      &lt;/div&gt;
       &lt;a href&#x3D;&quot;https://github.com/Koderlabs/ngx-device-detector&quot;&gt;
         &lt;h1 align&#x3D;&quot;center&quot; class&#x3D;&quot;demo-heading-text&quot;&gt;ngx-device-detector&lt;/h1&gt;
       &lt;/a&gt;
@@ -853,7 +856,7 @@ <h3 id="accessors">
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><div id="demoApp" class="container">  <div class="demo-container">    <a class="github-logo" href="https://github.com/Koderlabs/ngx-device-detector">      <img src="assets/images/github-logo.png" />    </a>    <div class="demo-heading">      <a href="https://github.com/Koderlabs/ngx-device-detector">        <h1 align="center" class="demo-heading-text">ngx-device-detector</h1>      </a>      <p align="center">        An Angular 5+ powered AOT compatible device detector that helps to identify browser, os and other useful        information regarding the device using the app. The processing is based on user-agent.      </p>      <p align="center" class="badges">        <a href="https://travis-ci.org/KoderLabs/ngx-device-detector"          ><img            src="http://img.shields.io/travis/KoderLabs/ngx-device-detector.svg?style=flat"            alt="travis build status"        /></a>        <a href="https://www.npmjs.com/package/ngx-device-detector"          ><img src="https://img.shields.io/npm/v/ngx-device-detector.svg" alt="npm version"        /></a>        <a href="https://www.npmjs.com/package/ngx-device-detector"          ><img            src="https://img.shields.io/github/stars/KoderLabs/ngx-device-detector.svg?style=social&label=Star&style=flat-square"            alt="github stars"        /></a>        <a href="https://www.npmjs.com/package/ngx-device-detector"          ><img src="https://img.shields.io/npm/l/ngx-device-detector.svg?style=flat-square" alt="license"        /></a>      </p>      <hr />    </div>    <div class="demo-message text-center">Demo is at Angular version = {{ version }}</div>    <div class="demo-message">      <p class="text-center">Open this page from different devices to see the appropriate details</p>      <h4 class="text-center">Device Information</h4>    </div>    <div class="user-agent">      <div class="user-agent__input">        <div class="form-group">          <label for="userAgentInput">Test User Agent</label>          <input class="form-control" id="userAgentInput" #userAgentInput type="text" placeholder="" />          <small id="uaHelp" class="form-text text-muted">Paste the user agent (window.navigator.userAgent) here</small>        </div>      </div>      <div class="user-agent__buttons">        <button class="btn btn-primary btn-sm" (click)="applyDevice(userAgentInput.value)">          Apply test user agent        </button>        <button class="btn btn-warning btn-sm" (click)="resetDeviceInfo()">Reset device info</button>      </div>    </div>    <div class="information-table">      <div class="device-icon">        <div class="fa" [ngClass]="{ \'fa-desktop\': isDesktop, \'fa-mobile\': isMobile, \'fa-tablet\': isTablet }"></div>        <div class="device-text" *ngIf="isMobile">Mobile</div>        <div class="device-text" *ngIf="isTablet">Tablet</div>        <div class="device-text" *ngIf="isDesktop">Desktop</div>      </div>      <table class="table table-hover">        <tr>          <th>Property</th>          <th>Value</th>        </tr>        <tr *ngFor="let info of deviceInfo | keys : propsToShow" class="info-item w3-hover-blue">          <td>{{ info.key }}</td>          <td>{{ info.value }}</td>        </tr>        <tr class="info-item w3-hover-blue">          <td>isDesktop()</td>          <td>{{ isDesktop }}</td>        </tr>        <tr class="info-item w3-hover-blue">          <td>isMobile()</td>          <td>{{ isMobile }}</td>        </tr>        <tr class="info-item w3-hover-blue">          <td>isTablet()</td>          <td>{{ isTablet }}</td>        </tr>      </table>    </div>  </div></div></div>'
+        var COMPONENT_TEMPLATE = '<div><div id="demoApp" class="container">  <div class="demo-container">    <a class="github-logo" href="https://github.com/Koderlabs/ngx-device-detector">      <img src="assets/images/github-logo.png" />    </a>    <div class="demo-heading">      <div style="text-align: center; width: 100%">        <img src="https://raw.githubusercontent.com/KoderLabs/ngx-device-detector/master/assets/logo.svg" width="200">      </div>      <a href="https://github.com/Koderlabs/ngx-device-detector">        <h1 align="center" class="demo-heading-text">ngx-device-detector</h1>      </a>      <p align="center">        An Angular 5+ powered AOT compatible device detector that helps to identify browser, os and other useful        information regarding the device using the app. The processing is based on user-agent.      </p>      <p align="center" class="badges">        <a href="https://travis-ci.org/KoderLabs/ngx-device-detector"          ><img            src="http://img.shields.io/travis/KoderLabs/ngx-device-detector.svg?style=flat"            alt="travis build status"        /></a>        <a href="https://www.npmjs.com/package/ngx-device-detector"          ><img src="https://img.shields.io/npm/v/ngx-device-detector.svg" alt="npm version"        /></a>        <a href="https://www.npmjs.com/package/ngx-device-detector"          ><img            src="https://img.shields.io/github/stars/KoderLabs/ngx-device-detector.svg?style=social&label=Star&style=flat-square"            alt="github stars"        /></a>        <a href="https://www.npmjs.com/package/ngx-device-detector"          ><img src="https://img.shields.io/npm/l/ngx-device-detector.svg?style=flat-square" alt="license"        /></a>      </p>      <hr />    </div>    <div class="demo-message text-center">Demo is at Angular version = {{ version }}</div>    <div class="demo-message">      <p class="text-center">Open this page from different devices to see the appropriate details</p>      <h4 class="text-center">Device Information</h4>    </div>    <div class="user-agent">      <div class="user-agent__input">        <div class="form-group">          <label for="userAgentInput">Test User Agent</label>          <input class="form-control" id="userAgentInput" #userAgentInput type="text" placeholder="" />          <small id="uaHelp" class="form-text text-muted">Paste the user agent (window.navigator.userAgent) here</small>        </div>      </div>      <div class="user-agent__buttons">        <button class="btn btn-primary btn-sm" (click)="applyDevice(userAgentInput.value)">          Apply test user agent        </button>        <button class="btn btn-warning btn-sm" (click)="resetDeviceInfo()">Reset device info</button>      </div>    </div>    <div class="information-table">      <div class="device-icon">        <div class="fa" [ngClass]="{ \'fa-desktop\': isDesktop, \'fa-mobile\': isMobile, \'fa-tablet\': isTablet }"></div>        <div class="device-text" *ngIf="isMobile">Mobile</div>        <div class="device-text" *ngIf="isTablet">Tablet</div>        <div class="device-text" *ngIf="isDesktop">Desktop</div>      </div>      <table class="table table-hover">        <tr>          <th>Property</th>          <th>Value</th>        </tr>        <tr *ngFor="let info of deviceInfo | keys : propsToShow" class="info-item w3-hover-blue">          <td>{{ info.key }}</td>          <td>{{ info.value }}</td>        </tr>        <tr class="info-item w3-hover-blue">          <td>isDesktop()</td>          <td>{{ isDesktop }}</td>        </tr>        <tr class="info-item w3-hover-blue">          <td>isMobile()</td>          <td>{{ isMobile }}</td>        </tr>        <tr class="info-item w3-hover-blue">          <td>isTablet()</td>          <td>{{ isTablet }}</td>        </tr>      </table>    </div>  </div></div></div>'
     var COMPONENTS = [{'name': 'AppComponent', 'selector': 'app-root'}];
     var DIRECTIVES = [];
     var ACTUAL_COMPONENT = {'name': 'AppComponent'};

docs/dependencies.html

@@ -74,6 +74,8 @@
             <b>conventional-changelog-cli</b> : ~2.2.2</li>
         <li>
             <b>express</b> : ~4.18.2</li>
+        <li>
+            <b>ngx-device-detector</b> : ^5.0.0</li>
         <li>
             <b>rxjs</b> : ~7.5.7</li>
         <li>

docs/index.html

@@ -32,9 +32,9 @@
                <div class="content getting-started">
                    <div class="content-data">
 
-<div style="text-align: center; width: 100%">
+<p align="center">
   <img src="https://raw.githubusercontent.com/KoderLabs/ngx-device-detector/master/assets/logo.svg" width="200">
-</div>
+</p>
 
 
 <a href="https://koderlabs.github.io/ngx-device-detector">

docs/properties.html

@@ -52,7 +52,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 5.0.0</li>
+            <b>Version</b> : 5.0.1</li>
         <li>
             <b>Keywords</b> : angular, device, device detector, device detection, ngx-device-detector, angular device detector, angular5, angular6, angular7, angular8</li>
         <li>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-device-detector-ws",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
@@ -91,7 +91,7 @@
     "@nguniversal/express-engine": "~15.0.0",
     "conventional-changelog-cli": "~2.2.2",
     "express": "~4.18.2",
-    "ngx-device-detector": "^5.0.0",
+    "ngx-device-detector": "^5.0.1",
     "rxjs": "~7.5.7",
     "tslib": "~2.4.1",
     "zone.js": "~0.12.0"

projects/ngx-device-detector/README.md

@@ -1,6 +1,6 @@
-<div style="text-align: center; width: 100%">
+<p align="center">
   <img src="https://raw.githubusercontent.com/KoderLabs/ngx-device-detector/master/assets/logo.svg" width="200">
-</div>
+</p>
 
 
 <a href="https://koderlabs.github.io/ngx-device-detector">

projects/ngx-device-detector/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-device-detector",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "license": "MIT",
   "repository": {
     "type": "git",