@mxtommy/kip 3.0.0-beta.12 → 3.0.0-beta.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mxtommy/kip",
-  "version": "3.0.0-beta.12",
+  "version": "3.0.0-beta.14",
   "description": "An advanced and versatile marine instrumentation package to display Signal K data.",
   "license": "MIT",
   "author": {

package/public/main.js

@@ -85992,9 +85992,9 @@ var UnitsService = class _UnitsService {
 // src/app/core/utils/base-widget.component.ts
 var BaseWidgetComponent = class _BaseWidgetComponent extends BaseWidget {
   widgetProperties;
-  displayName$ = new Subject();
   zones$ = new BehaviorSubject([]);
   theme = void 0;
+  //TODO: Do we still need theme subscription?
   themeSubscription = void 0;
   /** Default Widget configuration Object properties. This Object is only used as the default configuration template when Widget is added in a KIP page. The default configuration will automatically be pushed to the AppSettings service (the configuration storage service). From then on, any configuration changes made by users using the Widget Options UI is stored in AppSettings service. defaultConfig will only be use from then on to insure missing properties are merged with their default values is needed insuring a safety net when adding new configuration properties. */
   defaultConfig = void 0;
@@ -86017,23 +86017,33 @@ var BaseWidgetComponent = class _BaseWidgetComponent extends BaseWidget {
   serialize() {
     return { widgetProperties: this.widgetProperties };
   }
-  initWidget() {
-    this.validateConfig();
-    this.observeMeta();
-  }
-  observeMeta() {
+  observeMetaStream() {
     if (this.widgetProperties && this.widgetProperties.config.paths && Object.keys(this.widgetProperties.config.paths).length > 0) {
       const firstKey = Object.keys(this.widgetProperties.config.paths)[0];
       const path = this.widgetProperties.config.paths[firstKey].path;
       this.metaSubscriptions = this.DataService.getPathMetaObservable(path).subscribe((meta) => {
-        if (!meta)
-          return;
-        if (meta.zones) {
+        if (!meta) {
+          this.zones$.next([]);
+        } else if (meta.zones) {
           this.zones$.next(meta.zones);
+        } else {
+          this.zones$.next([]);
         }
       });
     }
   }
+  /**
+   * Call this method to automatically unsubscribe all Widget Meta Observers, cleanup KIP's Observable
+   * registry and reset Widget Subscriptions to free resources.
+   *
+   * Should be called in ngOnDestroy().
+   *
+   * @protected
+   * @memberof BaseWidgetComponent
+   */
+  unsubscribeMetaStream() {
+    this.metaSubscriptions?.unsubscribe();
+  }
   /**
    * This method is used to insure Widget configuration property model changes (not value)
    * are added to older versions of Widget configuration and limit breaking changes.
@@ -86086,7 +86096,7 @@ var BaseWidgetComponent = class _BaseWidgetComponent extends BaseWidget {
     });
   }
   /**
-   * Use this method the subscribe to a Signal K data path Observable and receive a
+   * Use this method to subscribe to a Signal K data path Observable and receive a
    * live data stream from the server. This method apply
    * a combination of widgetProperties.config and widgetProperties.config.paths[pathName]
    * objects properties to setup the Observer. Ex: Widget min/max, decimal, combined with
@@ -86183,6 +86193,20 @@ var BaseWidgetComponent = class _BaseWidgetComponent extends BaseWidget {
       this.dataSubscriptions.add(dataPipe$.subscribe(observer));
     }
   }
+  /**
+  * Call this method to automatically unsubscribe all Widget Observers, cleanup KIP's Observable
+  * registry and reset Widget Subscriptions to free resources.
+  *
+  * Should be called in ngOnDestroy().
+  *
+  * @protected
+  * @memberof BaseWidgetComponent
+  */
+  unsubscribeDataStream() {
+    this.dataSubscriptions?.unsubscribe();
+    this.dataSubscriptions = void 0;
+    this.dataStream = void 0;
+  }
   buildObserver(pathKey, subscribeNextFunction) {
     const observer = {
       next: (value) => subscribeNextFunction(value),
@@ -86210,20 +86234,16 @@ var BaseWidgetComponent = class _BaseWidgetComponent extends BaseWidget {
     return vStr;
   }
   /**
-   * Call this method to automatically unsubscribe all Widget Observers, cleanup KIP's Observable
-   * registry and reset Widget Subscriptions to free resources.
-   *
-   * Should be called in ngOnDestroy().
-   *
+   * @description This method is used to destroy all Widget Observables and free resources.
+   * This method should be called in component ngOnDestroy() to ensure all data layer
+   * resources are freed.
    * @protected
    * @memberof BaseWidgetComponent
    */
-  unsubscribeDataStream() {
-    if (this.dataSubscriptions) {
-      this.dataSubscriptions.unsubscribe();
-      this.dataSubscriptions = void 0;
-      this.dataStream = void 0;
-    }
+  destroyDataStreams() {
+    this.unsubscribeDataStream();
+    this.unsubscribeMetaStream();
+    this.themeSubscription?.unsubscribe();
   }
   static \u0275fac = function BaseWidgetComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _BaseWidgetComponent)();
@@ -117795,7 +117815,7 @@ var WidgetTextComponent = class _WidgetTextComponent extends BaseWidgetComponent
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
@@ -117815,7 +117835,7 @@ var WidgetTextComponent = class _WidgetTextComponent extends BaseWidgetComponent
     this.updateCanvasBG();
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
   }
   getColors(color2) {
     switch (color2) {
@@ -117999,7 +118019,7 @@ var WidgetNumericComponent = class _WidgetNumericComponent extends BaseWidgetCom
   currentMinMaxLength = 0;
   valueFontSize = 1;
   minMaxFontSize = 1;
-  flashOn = false;
+  flashOn = true;
   flashInterval = null;
   dataState = States.Normal;
   fontString = "px Roboto";
@@ -118034,7 +118054,7 @@ var WidgetNumericComponent = class _WidgetNumericComponent extends BaseWidgetCom
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
@@ -118050,15 +118070,31 @@ var WidgetNumericComponent = class _WidgetNumericComponent extends BaseWidgetCom
       } else if (this.maxValue === null || this.dataValue > this.maxValue) {
         this.maxValue = this.dataValue;
       }
-      if ((newValue.state == States.Alarm || newValue.state == States.Warn) && !this.flashInterval) {
-        this.flashInterval = setInterval(() => {
-          this.flashOn = !this.flashOn;
-        }, 350);
-      } else if (newValue.state == States.Normal && this.flashInterval) {
+      if (this.dataState != newValue.state) {
         clearInterval(this.flashInterval);
         this.flashInterval = null;
+        this.dataState = newValue.state;
+        switch (newValue.state) {
+          case States.Alarm:
+            this.flashInterval = setInterval(() => {
+              this.updateCanvasBG();
+            }, 100);
+            break;
+          case States.Warn:
+            this.flashInterval = setInterval(() => {
+              this.updateCanvasBG();
+            }, 300);
+            break;
+          case States.Alert:
+            this.flashInterval = setInterval(() => {
+              this.updateCanvasBG();
+            }, 750);
+            break;
+          default:
+            this.updateCanvasBG();
+            break;
+        }
       }
-      this.dataState = newValue.state;
       this.updateCanvas();
     });
   }
@@ -118129,9 +118165,7 @@ var WidgetNumericComponent = class _WidgetNumericComponent extends BaseWidgetCom
     }
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
-    this.metaSubscriptions?.unsubscribe();
-    this.themeSubscription?.unsubscribe();
+    this.destroyDataStreams();
     if (this.flashInterval) {
       clearInterval(this.flashInterval);
       this.flashInterval = null;
@@ -118153,7 +118187,36 @@ var WidgetNumericComponent = class _WidgetNumericComponent extends BaseWidgetCom
   }
   updateCanvasBG() {
     if (this.canvasBGCtx) {
-      this.canvasBGCtx.clearRect(0, 0, this.canvasBG.nativeElement.width, this.canvasBG.nativeElement.height);
+      switch (this.dataState) {
+        case States.Alarm:
+          if (this.flashOn) {
+            this.canvasBGCtx.fillStyle = this.theme.zoneAlarm;
+            this.canvasBGCtx.fillRect(0, 0, this.canvasEl.nativeElement.width, this.canvasEl.nativeElement.height);
+          } else {
+            this.canvasBGCtx.clearRect(0, 0, this.canvasBG.nativeElement.width, this.canvasBG.nativeElement.height);
+          }
+          break;
+        case States.Warn:
+          if (this.flashOn) {
+            this.canvasBGCtx.fillStyle = this.theme.zoneWarn;
+            this.canvasBGCtx.fillRect(0, 0, this.canvasEl.nativeElement.width, this.canvasEl.nativeElement.height);
+          } else {
+            this.canvasBGCtx.clearRect(0, 0, this.canvasBG.nativeElement.width, this.canvasBG.nativeElement.height);
+          }
+          break;
+        case States.Alert:
+          if (this.flashOn) {
+            this.canvasBGCtx.fillStyle = this.theme.zoneAlert;
+            this.canvasBGCtx.fillRect(0, 0, this.canvasEl.nativeElement.width, this.canvasEl.nativeElement.height);
+          } else {
+            this.canvasBGCtx.clearRect(0, 0, this.canvasBG.nativeElement.width, this.canvasBG.nativeElement.height);
+          }
+          break;
+        default:
+          this.canvasBGCtx.clearRect(0, 0, this.canvasBG.nativeElement.width, this.canvasBG.nativeElement.height);
+          break;
+      }
+      this.flashOn = !this.flashOn;
       this.drawTitle();
       this.drawUnit();
     }
@@ -118187,29 +118250,7 @@ var WidgetNumericComponent = class _WidgetNumericComponent extends BaseWidgetCom
         this.canvasValCtx.font = "bold " + this.valueFontSize.toString() + this.fontString;
       }
     }
-    switch (this.dataState) {
-      case States.Alarm:
-        if (this.flashOn) {
-          this.canvasValCtx.fillStyle = this.valueColor;
-        } else {
-          this.canvasValCtx.fillStyle = this.theme.zoneWarn;
-          this.canvasValCtx.fillRect(0, 0, this.canvasEl.nativeElement.width, this.canvasEl.nativeElement.height);
-          this.canvasValCtx.fillStyle = this.valueColor;
-        }
-        break;
-      case States.Warn:
-        if (this.flashOn) {
-          this.canvasValCtx.fillStyle = this.valueColor;
-        } else {
-          this.canvasValCtx.fillStyle = this.theme.zoneWarn;
-          this.canvasValCtx.fillRect(0, 0, this.canvasEl.nativeElement.width, this.canvasEl.nativeElement.height);
-          this.canvasValCtx.fillStyle = this.valueColor;
-        }
-        break;
-      default:
-        this.canvasValCtx.fillStyle = this.valueColor;
-        break;
-    }
+    this.canvasValCtx.fillStyle = this.valueColor;
     this.canvasValCtx.textAlign = "center";
     this.canvasValCtx.textBaseline = "middle";
     this.canvasValCtx.fillText(valueText, this.canvasEl.nativeElement.width / 2, this.canvasEl.nativeElement.height * 0.5 + this.valueFontSize / 15, maxTextWidth);
@@ -118342,7 +118383,7 @@ var WidgetNumericComponent = class _WidgetNumericComponent extends BaseWidgetCom
       \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.canvasMM = _t.first);
       \u0275\u0275queryRefresh(_t = \u0275\u0275loadQuery()) && (ctx.canvasBG = _t.first);
     }
-  }, standalone: true, features: [\u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature], decls: 8, vars: 2, consts: [["canvasEl", ""], ["canvasMM", ""], ["canvasBG", ""], [3, "configChange", "config", "id"], [1, "textGenericWrapper", 3, "onResize"], ["id", "canvasValue", 1, "canvas-size"], ["id", "canvasMM", 1, "canvas-size"], ["id", "canvasBG", 1, "canvas-size"]], template: function WidgetNumericComponent_Template(rf, ctx) {
+  }, standalone: true, features: [\u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature], decls: 8, vars: 2, consts: [["canvasBG", ""], ["canvasEl", ""], ["canvasMM", ""], [3, "configChange", "config", "id"], [1, "textGenericWrapper", 3, "onResize"], ["id", "canvasBG", 1, "canvas-size"], ["id", "canvasValue", 1, "canvas-size"], ["id", "canvasMM", 1, "canvas-size"]], template: function WidgetNumericComponent_Template(rf, ctx) {
     if (rf & 1) {
       const _r1 = \u0275\u0275getCurrentView();
       \u0275\u0275elementStart(0, "widget-host", 3);
@@ -118412,7 +118453,7 @@ var WidgetDatetimeComponent = class _WidgetDatetimeComponent extends BaseWidgetC
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
@@ -118432,7 +118473,7 @@ var WidgetDatetimeComponent = class _WidgetDatetimeComponent extends BaseWidgetC
     this.updateCanvasBG();
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
   }
   getColors(color2) {
     switch (color2) {
@@ -119082,7 +119123,7 @@ var WidgetBooleanSwitchComponent = class _WidgetBooleanSwitchComponent extends B
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
@@ -119214,7 +119255,7 @@ var WidgetBooleanSwitchComponent = class _WidgetBooleanSwitchComponent extends B
     }
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
     this.skRequestSub?.unsubscribe();
   }
   static \u0275fac = function WidgetBooleanSwitchComponent_Factory(__ngFactoryType__) {
@@ -120058,12 +120099,6 @@ function WidgetAutopilotComponent_span_65_Template(rf, ctx) {
     \u0275\u0275propertyInterpolate("matBadge", ctx_r1.alarmsCount);
   }
 }
-var defaultPpreferedDisplayMode = {
-  wind: "windAngleApparent",
-  route: "headingMag",
-  auto: "headingMag",
-  standby: "headingMag"
-};
 var commands = {
   "auto": { "path": "self.steering.autopilot.state", "value": "auto" },
   "wind": { "path": "self.steering.autopilot.state", "value": "wind" },
@@ -120116,7 +120151,6 @@ var WidgetAutopilotComponent = class _WidgetAutopilotComponent extends BaseWidge
   countDownValue = 0;
   actionToBeConfirmed = "";
   skPathToAck = "";
-  preferedDisplayMode = defaultPpreferedDisplayMode;
   isWChecked = false;
   // used for Wind toggle
   isTChecked = false;
@@ -120249,7 +120283,7 @@ var WidgetAutopilotComponent = class _WidgetAutopilotComponent extends BaseWidge
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     if (this.widgetProperties.config.autoStart) {
       setTimeout(() => {
         this.startApHead();
@@ -120264,7 +120298,7 @@ var WidgetAutopilotComponent = class _WidgetAutopilotComponent extends BaseWidge
   demoMode() {
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
     this.unsubscribeSKRequest();
     console.log("Autopilot Subs Stopped");
   }
@@ -124741,7 +124775,7 @@ var WidgetDataChartComponent = class _WidgetDataChartComponent extends BaseWidge
     Chart.register(annotation, registerables2);
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
@@ -125166,6 +125200,7 @@ var WidgetDataChartComponent = class _WidgetDataChartComponent extends BaseWidge
     return newRow;
   }
   ngOnDestroy() {
+    this.destroyDataStreams();
     this.dsServiceSub?.unsubscribe();
     this.chart?.destroy();
   }
@@ -125403,6 +125438,7 @@ var WidgetFreeboardskComponent = class _WidgetFreeboardskComponent extends BaseW
   ngOnDestroy() {
     window.removeEventListener("message", this.handleIframeGesture);
     this._authTokenSubscription?.unsubscribe();
+    this.destroyDataStreams();
   }
   static \u0275fac = function WidgetFreeboardskComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _WidgetFreeboardskComponent)();
@@ -125866,7 +125902,7 @@ var WidgetGaugeNgCompassComponent = class _WidgetGaugeNgCompassComponent extends
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.setCanvasHight();
     this.setGaugeConfig();
   }
@@ -125874,7 +125910,6 @@ var WidgetGaugeNgCompassComponent = class _WidgetGaugeNgCompassComponent extends
     this.setGaugeConfig();
     this.compassGauge.update(this.gaugeOptions);
     this.unsubscribeDataStream();
-    this.metaSub?.unsubscribe();
     this.observeDataStream("gaugePath", (newValue) => {
       if (!newValue.data) {
         this.textValue = "--";
@@ -126034,7 +126069,7 @@ var WidgetGaugeNgCompassComponent = class _WidgetGaugeNgCompassComponent extends
     return themePalette[color2];
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
     this.metaSub?.unsubscribe();
   }
   static \u0275fac = function WidgetGaugeNgCompassComponent_Factory(__ngFactoryType__) {
@@ -126184,16 +126219,16 @@ var WidgetGaugeNgLinearComponent = class _WidgetGaugeNgLinearComponent extends B
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     const gaugeSize = this.gauge.nativeElement.getBoundingClientRect();
     this.gaugeOptions.height = gaugeSize.height;
     this.gaugeOptions.width = gaugeSize.width;
-    this.startWidget();
   }
   startWidget() {
     this.setGaugeConfig();
     this.linearGauge.update(this.gaugeOptions);
     this.unsubscribeDataStream();
+    this.unsubscribeMetaStream();
     this.metaSub?.unsubscribe();
     this.observeDataStream("gaugePath", (newValue) => {
       if (!newValue.data) {
@@ -126258,6 +126293,7 @@ var WidgetGaugeNgLinearComponent = class _WidgetGaugeNgLinearComponent extends B
         this.linearGauge.update(option);
       }
     });
+    this.observeMetaStream();
     this.metaSub = this.zones$.subscribe((zones) => {
       if (zones && zones.length > 0) {
         this.setHighlights(zones);
@@ -126497,7 +126533,7 @@ var WidgetGaugeNgLinearComponent = class _WidgetGaugeNgLinearComponent extends B
     this.linearGauge.update(highlights);
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
     this.metaSub?.unsubscribe();
   }
   static \u0275fac = function WidgetGaugeNgLinearComponent_Factory(__ngFactoryType__) {
@@ -126604,7 +126640,7 @@ var WidgetGaugeNgRadialComponent = class _WidgetGaugeNgRadialComponent extends B
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.setCanvasHight();
     this.setGaugeConfig();
   }
@@ -126612,6 +126648,7 @@ var WidgetGaugeNgRadialComponent = class _WidgetGaugeNgRadialComponent extends B
     this.setGaugeConfig();
     this.radialGauge.update(this.gaugeOptions);
     this.unsubscribeDataStream();
+    this.unsubscribeMetaStream();
     this.metaSub?.unsubscribe();
     this.observeDataStream("gaugePath", (newValue) => {
       if (!newValue.data) {
@@ -126656,6 +126693,7 @@ var WidgetGaugeNgRadialComponent = class _WidgetGaugeNgRadialComponent extends B
         this.radialGauge.update(option);
       }
     });
+    this.observeMetaStream();
     this.metaSub = this.zones$.subscribe((zones) => {
       if (zones && zones.length > 0) {
         this.setHighlights(zones);
@@ -126887,7 +126925,7 @@ var WidgetGaugeNgRadialComponent = class _WidgetGaugeNgRadialComponent extends B
     this.radialGauge.update(highlights);
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
     this.metaSub?.unsubscribe();
   }
   static \u0275fac = function WidgetGaugeNgRadialComponent_Factory(__ngFactoryType__) {
@@ -127208,11 +127246,12 @@ var WidgetSteelGaugeComponent = class _WidgetSteelGaugeComponent extends BaseWid
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
     this.unsubscribeDataStream();
+    this.unsubscribeMetaStream();
     this.metaSub?.unsubscribe();
     this.observeDataStream("gaugePath", (newValue) => {
       if (newValue.data.value == null) {
@@ -127220,9 +127259,16 @@ var WidgetSteelGaugeComponent = class _WidgetSteelGaugeComponent extends BaseWid
       }
       this.dataValue = Math.min(Math.max(newValue.data.value, this.widgetProperties.config.displayScale.lower), this.widgetProperties.config.displayScale.upper);
     });
+    this.observeMetaStream();
     this.metaSub = this.zones$.subscribe((zones) => {
-      if (zones && zones.length > 0) {
-        this.zones = zones;
+      if (zones) {
+        if (zones.length > 0) {
+          this.zones = zones;
+        } else {
+          this.zones = [];
+        }
+      } else {
+        this.zones = [];
       }
     });
   }
@@ -127231,7 +127277,7 @@ var WidgetSteelGaugeComponent = class _WidgetSteelGaugeComponent extends BaseWid
     this.startWidget();
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
     this.metaSub?.unsubscribe();
   }
   static \u0275fac = function WidgetSteelGaugeComponent_Factory(__ngFactoryType__) {
@@ -127310,7 +127356,7 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.widgetUrl = this.widgetProperties.config.widgetUrl;
     window.addEventListener("message", this.handleIframeGesture);
   }
@@ -127521,6 +127567,7 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
   }
   ngOnDestroy() {
     window.removeEventListener("message", this.handleIframeGesture);
+    this.destroyDataStreams();
   }
   static \u0275fac = function WidgetIframeComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _WidgetIframeComponent)();
@@ -127694,7 +127741,7 @@ var WidgetRaceTimerComponent = class _WidgetRaceTimerComponent extends BaseWidge
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.subscribeTimer();
     this.startWidget();
   }
@@ -127847,6 +127894,7 @@ var WidgetRaceTimerComponent = class _WidgetRaceTimerComponent extends BaseWidge
   ngOnDestroy() {
     this.timerSub?.unsubscribe();
     clearInterval(this.flashInterval);
+    this.destroyDataStreams();
   }
   /* ******************************************************************************************* */
   /* ******************************************************************************************* */
@@ -128141,7 +128189,7 @@ var WidgetSimpleLinearComponent = class _WidgetSimpleLinearComponent extends Bas
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
@@ -128207,7 +128255,7 @@ var WidgetSimpleLinearComponent = class _WidgetSimpleLinearComponent extends Bas
     }
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
   }
   static \u0275fac = function WidgetSimpleLinearComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _WidgetSimpleLinearComponent)();
@@ -128370,6 +128418,9 @@ var WidgetTutorialComponent = class _WidgetTutorialComponent extends BaseWidgetC
   }
   updateConfig(config2) {
   }
+  ngOnDestroy() {
+    this.destroyDataStreams();
+  }
   static \u0275fac = function WidgetTutorialComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _WidgetTutorialComponent)();
   };
@@ -129046,7 +129097,7 @@ var WidgetWindComponent = class _WidgetWindComponent extends BaseWidgetComponent
     };
   }
   ngOnInit() {
-    this.initWidget();
+    this.validateConfig();
     this.startWidget();
   }
   startWidget() {
@@ -129115,7 +129166,7 @@ var WidgetWindComponent = class _WidgetWindComponent extends BaseWidgetComponent
     this.startWidget();
   }
   ngOnDestroy() {
-    this.unsubscribeDataStream();
+    this.destroyDataStreams();
     this.stopWindSectors();
   }
   startWindSectors() {
@@ -129222,9 +129273,9 @@ function DashboardComponent_Conditional_2_Template(rf, ctx) {
   }
 }
 var DashboardComponent = class _DashboardComponent {
-  _gridstack = viewChild(GridstackComponent);
   _app = inject(AppService);
   dashboard = inject(DashboardService);
+  _gridstack = viewChild.required(GridstackComponent);
   _previousIsStaticState = true;
   gridOptions = {
     margin: 4,
@@ -129359,10 +129410,11 @@ var DashboardComponent = class _DashboardComponent {
     const opt = draggedItem.gridstackNode;
     opt.id = UUID.create();
     opt.input = __spreadProps(__spreadValues({}, opt.input), {
-      widgetProperties: __spreadProps(__spreadValues({}, opt.input?.widgetProperties), {
+      widgetProperties: {
+        // ...opt.input?.widgetProperties,
         type: opt.selector,
         uuid: opt.id
-      })
+      }
     });
     clone3.gridstackNode = opt;
     return clone3;
@@ -129383,20 +129435,20 @@ var DashboardComponent = class _DashboardComponent {
         }
       }
     };
-    if (this._gridstack()?.grid?.willItFit(newItem)) {
-      this._gridstack()?.grid?.addWidget(newItem);
+    if (this._gridstack().grid.willItFit(newItem)) {
+      this._gridstack().grid.addWidget(newItem);
     } else {
       newItem.h = 2;
       newItem.w = 2;
-      if (this._gridstack()?.grid?.willItFit(newItem)) {
-        this._gridstack()?.grid?.addWidget(newItem);
+      if (this._gridstack().grid.willItFit(newItem)) {
+        this._gridstack().grid.addWidget(newItem);
       } else {
         this._app.sendSnackbarNotification("Duplication failed: Insufficient space on the dashboard. Please reorganize to free up space.", 0);
       }
     }
   }
   deleteWidget(item) {
-    this._gridstack()?.grid?.removeWidget(item);
+    this._gridstack().grid.removeWidget(item);
   }
   nextDashboard(e2) {
     e2.preventDefault();