1.0.67

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@uptimelink/webwidget",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uptimelink/webwidget",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "private": false,
   "description": "the webwidget for public use of uptimelink",
   "main": "dist_ts_web/index.js",

ts_web/elements/uptimelink-webwidget.ts

@@ -1,6 +1,12 @@
 import { DeesElement, property, html, customElement, TemplateResult } from '@designestate/dees-element';
 import * as domtools from '@designestate/dees-domtools';
 
+declare global {
+  interface HTMLElementTagNameMap {
+    'uptimelink-webwidget': UptimelinkWebwidget;
+  }
+}
+
 @customElement('uptimelink-webwidget')
 export class UptimelinkWebwidget extends DeesElement {
   public static demo = () => html`
@@ -123,6 +129,11 @@ export class UptimelinkWebwidget extends DeesElement {
           border-radius: 3px 3px 10px 10px;
           padding: 5px;
           margin-top: 10px;
+          transition: background 0.1s;
+        }
+
+        .viewStatuspage:hover {
+          background: ${this.goBright ? 'rgba(0,0,0,0.1)' : 'rgba(255,255,255,0.1)'};
         }
       </style>
       <div class="mainbox ${this.isFocused ? 'focused' : null}">