@record-evolution/widget-gauge 1.7.20 → 1.7.22

package/package.json

@@ -3,7 +3,7 @@
     "description": "REWidget widget-gauge",
     "license": "MIT",
     "author": "widget-gauge",
-    "version": "1.7.20",
+    "version": "1.7.22",
     "type": "module",
     "main": "dist/widget-gauge.js",
     "types": "dist/src/widget-gauge.d.ts",

package/src/default-data.json

@@ -1,18 +1,5 @@
 {
     "dataseries": [
-        {
-            "label": "Temperature",
-            "unit": "°C",
-            "precision": 1,
-            "value": 83,
-            "sections": {
-                "sectionLimits": [],
-                "backgroundColors": []
-            },
-            "advanced": {
-                "averageLatest": 1
-            }
-        },
         {
             "label": "Temperature",
             "unit": "°C",

package/src/widget-gauge.ts

@@ -413,7 +413,7 @@ export class WidgetGauge extends LitElement {
             const titleElement = this.canvasList.get(ds.label)?.title
             if (titleElement) {
                 titleElement.style.fontSize = String(36 * modifier) + 'px'
-                titleElement.style.maxWidth = String(300 * modifier) + 'px'
+                titleElement.style.maxWidth = String(550 * modifier) + 'px'
                 titleElement.style.height = String(this.textContainerHeight * modifier) + 'px'
                 titleElement.textContent = ds.label ?? ''
             }
@@ -510,11 +510,14 @@ export class WidgetGauge extends LitElement {
         }
         h3 {
             margin: 0;
-            max-width: 300px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
-            line-height: 1;
+            line-height: 0.8;
+        }
+
+        .title {
+            line-height: 1.5;
         }
         p {
             margin: 10px 0 0 0;
@@ -544,7 +547,7 @@ export class WidgetGauge extends LitElement {
                 style="background-color: ${this.themeBgColor}; color: ${this.themeTitleColor}"
             >
                 <header class="paging" ?active=${this.inputData?.title || this.inputData?.subTitle}>
-                    <h3 class="paging" ?active=${this.inputData?.title}>${this.inputData?.title}</h3>
+                    <h3 class="paging title" ?active=${this.inputData?.title}>${this.inputData?.title}</h3>
                     <p
                         class="paging"
                         ?active=${this.inputData?.subTitle}