title: Show popup when user is inactive after 5 minutes
body: <p>I am trying to show pop up when the user is inactive for 5 minutes.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  timeout() {
      setTimeout(() =&gt; this.openDialog(), 4000);
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h2 mat-dialog-title&gt;Alert!&lt;/h2&gt;
  &lt;mat-dialog-content class="mat-typography"&gt;
  &lt;/mat-dialog-content&gt;
  &lt;mat-dialog-actions align="end"&gt;
    &lt;button mat-button mat-dialog-close&gt;Cancel&lt;/button&gt;
    &lt;button mat-button [mat-dialog-close]="true"cdkFocusInitial&gt;Ok&lt;/button&gt;
  &lt;/mat-dialog-actions&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In the code above the <code>this.openDialog()</code> dialog displays when you open the page after 2 seconds. But I want to display the pop up when user is inactive for 5 minutes.</p>