@mxtommy/kip 3.0.0-alpha.49 → 3.0.0-alpha.51

package/package.json

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

package/public/main.js

@@ -125405,7 +125405,7 @@ var WidgetFreeboardskComponent = class _WidgetFreeboardskComponent extends BaseW
     if (rf & 2) {
       \u0275\u0275queryAdvance();
     }
-  }, standalone: true, features: [\u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature], decls: 4, vars: 5, consts: [["freeboardSkIframe", ""], [3, "configChange", "config", "id"], ["width", "100%", "height", "100%", "frameborder", "0", "sandbox", "allow-same-origin allow-scripts allow-forms", 1, "fsk-iframe", 3, "src"]], template: function WidgetFreeboardskComponent_Template(rf, ctx) {
+  }, standalone: true, features: [\u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature], decls: 4, vars: 5, consts: [["freeboardSkIframe", ""], [3, "configChange", "config", "id"], ["width", "100%", "height", "100%", "frameborder", "0", "sandbox", "allow-same-origin allow-scripts allow-forms", 3, "src"]], template: function WidgetFreeboardskComponent_Template(rf, ctx) {
     if (rf & 1) {
       const _r1 = \u0275\u0275getCurrentView();
       \u0275\u0275elementStart(0, "widget-host", 1);
@@ -125428,7 +125428,7 @@ var WidgetFreeboardskComponent = class _WidgetFreeboardskComponent extends BaseW
       \u0275\u0275advance();
       \u0275\u0275property("src", \u0275\u0275pipeBind1(3, 3, ctx.widgetUrl), \u0275\u0275sanitizeResourceUrl);
     }
-  }, dependencies: [WidgetHostComponent, SafePipe], styles: ["\n\n.fsk-iframe-container[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: 10;\n}\n/*# sourceMappingURL=widget-freeboardsk.component.css.map */"] });
+  }, dependencies: [WidgetHostComponent, SafePipe] });
 };
 (() => {
   (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(WidgetFreeboardskComponent, { className: "WidgetFreeboardskComponent" });
@@ -127224,14 +127224,15 @@ var WidgetSteelGaugeComponent = class _WidgetSteelGaugeComponent extends BaseWid
 })();
 
 // src/app/widgets/widget-iframe/widget-iframe.component.ts
+var _c038 = ["plainIframe"];
 function WidgetIframeComponent_Conditional_1_Template(rf, ctx) {
   if (rf & 1) {
-    \u0275\u0275element(0, "iframe", 1);
-    \u0275\u0275pipe(1, "safe");
+    \u0275\u0275element(0, "iframe", 2, 0);
+    \u0275\u0275pipe(2, "safe");
   }
   if (rf & 2) {
     const ctx_r0 = \u0275\u0275nextContext();
-    \u0275\u0275property("src", \u0275\u0275pipeBind1(1, 1, ctx_r0.widgetUrl), \u0275\u0275sanitizeResourceUrl);
+    \u0275\u0275property("src", \u0275\u0275pipeBind1(2, 1, ctx_r0.widgetUrl), \u0275\u0275sanitizeResourceUrl);
   }
 }
 function WidgetIframeComponent_Conditional_2_Template(rf, ctx) {
@@ -127247,13 +127248,16 @@ function WidgetIframeComponent_Conditional_2_Template(rf, ctx) {
     \u0275\u0275elementEnd();
     \u0275\u0275elementStart(7, "p");
     \u0275\u0275text(8, " Of note, cross-domain loading security rules apply! ");
-    \u0275\u0275elementStart(9, "a", 2);
+    \u0275\u0275elementStart(9, "a", 3);
     \u0275\u0275text(10, "Link!");
     \u0275\u0275elementEnd()()();
   }
 }
 var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetComponent {
+  _dashboard = inject(DashboardService);
+  appSettings = inject(AppSettingsService);
   widgetUrl = null;
+  iframe = viewChild.required("plainIframe");
   constructor() {
     super();
     this.defaultConfig = {
@@ -127263,18 +127267,173 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
   ngOnInit() {
     this.initWidget();
     this.widgetUrl = this.widgetProperties.config.widgetUrl;
+    window.addEventListener("iframeMessage", this.handleIframeGesture);
+  }
+  ngAfterViewInit() {
+    if (this.iframe) {
+      this.iframe().nativeElement.onload = () => this.injectHammerJS();
+    }
   }
   startWidget() {
   }
   updateConfig(config2) {
     this.widgetUrl = this.widgetProperties.config.widgetUrl = config2.widgetUrl;
   }
+  handleIframeGesture = (event) => {
+    if (!event.data || !event.data.gesture)
+      return;
+    switch (event.data.gesture) {
+      case "swipeup":
+        if (this._dashboard.isDashboardStatic()) {
+          this._dashboard.previousDashboard();
+        }
+        break;
+      case "swipedown":
+        if (this._dashboard.isDashboardStatic()) {
+          this._dashboard.nextDashboard();
+        }
+        break;
+      case "swipeleft":
+        const leftSidebarEvent = new Event("openLeftSidenav", { bubbles: true, cancelable: true });
+        window.document.dispatchEvent(leftSidebarEvent);
+        break;
+      case "swiperight":
+        const rightSidebarEvent = new Event("openRightSidenav", { bubbles: true, cancelable: true });
+        window.document.dispatchEvent(rightSidebarEvent);
+        break;
+      default:
+        break;
+    }
+  };
+  injectHammerJS() {
+    const iframeWindow = this.iframe().nativeElement.contentWindow;
+    const iframeDocument = this.iframe().nativeElement.contentDocument;
+    if (!iframeDocument || !iframeWindow) {
+      console.error("[FSK Widget] Iframe contentDocument or contentWindow is undefined. Possible cross-origin issue or iframe not fully loaded.");
+      return;
+    }
+    if (iframeWindow.Hammer) {
+      console.log("[FSK Widget] HammerJS already loaded in iframe");
+      return;
+    }
+    const hammerScript = iframeDocument.createElement("script");
+    hammerScript.src = `${this.appSettings.signalkUrl.url}/@mxtommy/kip/assets/hammer.min.js`;
+    hammerScript.onload = () => this.injectSwipeHandler();
+    iframeDocument.body.appendChild(hammerScript);
+  }
+  injectSwipeHandler() {
+    const iframeDocument = this.iframe().nativeElement.contentDocument;
+    if (!iframeDocument) {
+      console.error("[FSK Widget] Iframe contentDocument is undefined. Possible cross-origin issue or iframe not fully loaded.");
+      return;
+    }
+    const script = iframeDocument.createElement("script");
+    script.textContent = `
+  if (!window.hammerInstance) {
+        const hammer = new Hammer(document.body);
+        hammer.get('swipe').set({ direction: Hammer.DIRECTION_ALL });
+
+        hammer.on('swipeleft', (ev) => {
+          ev.preventDefault();
+          const eventData = {
+            type: ev.type,
+            deltaX: ev.deltaX,
+            deltaY: ev.deltaY,
+            velocityX: ev.velocityX,
+            velocityY: ev.velocityY,
+            direction: ev.direction,
+            distance: ev.distance,
+            angle: ev.angle,
+            center: ev.center,
+            offsetDirection: ev.offsetDirection,
+            scale: ev.scale,
+            rotation: ev.rotation,
+            isFinal: ev.isFinal
+          };
+          window.parent.postMessage({ gesture: 'swipeleft', eventData: eventData }, '*');
+        });
+
+        hammer.on('swiperight', (ev) => {
+          ev.preventDefault();
+          const eventData = {
+            type: ev.type,
+            deltaX: ev.deltaX,
+            deltaY: ev.deltaY,
+            velocityX: ev.velocityX,
+            velocityY: ev.velocityY,
+            direction: ev.direction,
+            distance: ev.distance,
+            angle: ev.angle,
+            center: ev.center,
+            offsetDirection: ev.offsetDirection,
+            scale: ev.scale,
+            rotation: ev.rotation,
+            isFinal: ev.isFinal
+          };
+          window.parent.postMessage({ gesture: 'swiperight', eventData: eventData }, '*');
+        });
+
+        hammer.on('swipeup', (ev) => {
+          ev.preventDefault();
+          const eventData = {
+            type: ev.type,
+            deltaX: ev.deltaX,
+            deltaY: ev.deltaY,
+            velocityX: ev.velocityX,
+            velocityY: ev.velocityY,
+            direction: ev.direction,
+            distance: ev.distance,
+            angle: ev.angle,
+            center: ev.center,
+            offsetDirection: ev.offsetDirection,
+            scale: ev.scale,
+            rotation: ev.rotation,
+            isFinal: ev.isFinal
+          };
+          window.parent.postMessage({ gesture: 'swipeup', eventData: eventData }, '*');
+        });
+
+        hammer.on('swipedown', (ev) => {
+          ev.preventDefault();
+          const eventData = {
+            type: ev.type,
+            deltaX: ev.deltaX,
+            deltaY: ev.deltaY,
+            velocityX: ev.velocityX,
+            velocityY: ev.velocityY,
+            direction: ev.direction,
+            distance: ev.distance,
+            angle: ev.angle,
+            center: ev.center,
+            offsetDirection: ev.offsetDirection,
+            scale: ev.scale,
+            rotation: ev.rotation,
+            isFinal: ev.isFinal
+          };
+          window.parent.postMessage({ gesture: 'swipedown', eventData: eventData }, '*');
+        });
+
+        window.hammerInstance = hammer; // Store the instance to prevent multiple listeners
+      }
+    `;
+    iframeDocument.body.appendChild(script);
+  }
+  ngOnDestroy() {
+    window.removeEventListener("iframeMessage", this.handleIframeGesture);
+  }
   static \u0275fac = function WidgetIframeComponent_Factory(__ngFactoryType__) {
     return new (__ngFactoryType__ || _WidgetIframeComponent)();
   };
-  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _WidgetIframeComponent, selectors: [["widget-iframe"]], standalone: true, features: [\u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature], decls: 3, vars: 3, consts: [[1, "iframe-container", 3, "configChange", "config", "id"], ["width", "100%", "height", "100%", "frameborder", "0", 3, "src"], ["href", "https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options", "target", "_blank"]], template: function WidgetIframeComponent_Template(rf, ctx) {
+  static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _WidgetIframeComponent, selectors: [["widget-iframe"]], viewQuery: function WidgetIframeComponent_Query(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275elementStart(0, "widget-host", 0);
+      \u0275\u0275viewQuerySignal(ctx.iframe, _c038, 5);
+    }
+    if (rf & 2) {
+      \u0275\u0275queryAdvance();
+    }
+  }, standalone: true, features: [\u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature], decls: 3, vars: 3, consts: [["plainIframe", ""], [3, "configChange", "config", "id"], ["width", "100%", "height", "100%", "frameborder", "0", 3, "src"], ["href", "https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options", "target", "_blank"]], template: function WidgetIframeComponent_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "widget-host", 1);
       \u0275\u0275twoWayListener("configChange", function WidgetIframeComponent_Template_widget_host_configChange_0_listener($event) {
         \u0275\u0275twoWayBindingSet(ctx.widgetProperties.config, $event) || (ctx.widgetProperties.config = $event);
         return $event;
@@ -127282,7 +127441,7 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
       \u0275\u0275listener("configChange", function WidgetIframeComponent_Template_widget_host_configChange_0_listener($event) {
         return ctx.updateConfig($event);
       });
-      \u0275\u0275template(1, WidgetIframeComponent_Conditional_1_Template, 2, 3, "iframe", 1)(2, WidgetIframeComponent_Conditional_2_Template, 11, 0, "div");
+      \u0275\u0275template(1, WidgetIframeComponent_Conditional_1_Template, 3, 3, "iframe", 2)(2, WidgetIframeComponent_Conditional_2_Template, 11, 0, "div");
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
@@ -127291,7 +127450,7 @@ var WidgetIframeComponent = class _WidgetIframeComponent extends BaseWidgetCompo
       \u0275\u0275advance();
       \u0275\u0275conditional(ctx.widgetUrl ? 1 : 2);
     }
-  }, dependencies: [WidgetHostComponent, SafePipe], styles: ['\n\n.iframe-container[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n}\n.iframe-container[_ngcontent-%COMP%]::after {\n  content: "";\n  width: 100%;\n  height: 100%;\n  min-height: 1px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: transparent;\n}\n/*# sourceMappingURL=widget-iframe.component.css.map */'] });
+  }, dependencies: [WidgetHostComponent, SafePipe] });
 };
 (() => {
   (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(WidgetIframeComponent, { className: "WidgetIframeComponent" });
@@ -127375,7 +127534,7 @@ var TimersService = class _TimersService {
 };
 
 // src/app/widgets/widget-race-timer/widget-race-timer.component.ts
-var _c038 = ["canvasEl"];
+var _c039 = ["canvasEl"];
 var _c127 = ["canvasBG"];
 function WidgetRaceTimerComponent_button_15_Template(rf, ctx) {
   if (rf & 1) {
@@ -127665,7 +127824,7 @@ var WidgetRaceTimerComponent = class _WidgetRaceTimerComponent extends BaseWidge
   };
   static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _WidgetRaceTimerComponent, selectors: [["widget-racetimer"]], viewQuery: function WidgetRaceTimerComponent_Query(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275viewQuery(_c038, 7, ElementRef);
+      \u0275\u0275viewQuery(_c039, 7, ElementRef);
       \u0275\u0275viewQuery(_c127, 7, ElementRef);
     }
     if (rf & 2) {
@@ -127738,7 +127897,7 @@ var WidgetRaceTimerComponent = class _WidgetRaceTimerComponent extends BaseWidge
 })();
 
 // src/app/widgets/svg-simple-linear-gauge/svg-simple-linear-gauge.component.ts
-var _c039 = ["gaugeBarAnimate"];
+var _c040 = ["gaugeBarAnimate"];
 var SvgSimpleLinearGaugeComponent = class _SvgSimpleLinearGaugeComponent {
   gaugeBarAnimate;
   displayName;
@@ -127776,7 +127935,7 @@ var SvgSimpleLinearGaugeComponent = class _SvgSimpleLinearGaugeComponent {
   };
   static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _SvgSimpleLinearGaugeComponent, selectors: [["svg-simple-linear-gauge"]], viewQuery: function SvgSimpleLinearGaugeComponent_Query(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275viewQuery(_c039, 7);
+      \u0275\u0275viewQuery(_c040, 7);
     }
     if (rf & 2) {
       let _t;
@@ -128137,7 +128296,7 @@ var WidgetTutorialComponent = class _WidgetTutorialComponent extends BaseWidgetC
 })();
 
 // src/app/widgets/svg-wind/svg-wind.component.ts
-var _c040 = ["compassAnimate"];
+var _c041 = ["compassAnimate"];
 var _c128 = ["appWindAnimate"];
 var _c218 = ["trueWindAnimate"];
 var _c313 = ["appWindValueAnimate"];
@@ -128499,7 +128658,7 @@ var SvgWindComponent = class _SvgWindComponent {
   };
   static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _SvgWindComponent, selectors: [["app-svg-wind"]], viewQuery: function SvgWindComponent_Query(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275viewQuery(_c040, 7, ElementRef);
+      \u0275\u0275viewQuery(_c041, 7, ElementRef);
       \u0275\u0275viewQuery(_c128, 7, ElementRef);
       \u0275\u0275viewQuery(_c218, 7, ElementRef);
       \u0275\u0275viewQuery(_c313, 7, ElementRef);
@@ -133075,7 +133234,7 @@ var DashboardsManageComponent = class _DashboardsManageComponent {
 })();
 
 // node_modules/@angular/cdk/fesm2022/table.mjs
-var _c041 = [[["caption"]], [["colgroup"], ["col"]], "*"];
+var _c042 = [[["caption"]], [["colgroup"], ["col"]], "*"];
 var _c129 = ["caption", "colgroup, col", "*"];
 function CdkTable_Conditional_2_Template(rf, ctx) {
   if (rf & 1) {
@@ -135327,7 +135486,7 @@ _CdkTable.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   consts: [["role", "rowgroup"], ["headerRowOutlet", ""], ["rowOutlet", ""], ["noDataRowOutlet", ""], ["footerRowOutlet", ""]],
   template: function CdkTable_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275projectionDef(_c041);
+      \u0275\u0275projectionDef(_c042);
       \u0275\u0275projection(0);
       \u0275\u0275projection(1, 1);
       \u0275\u0275template(2, CdkTable_Conditional_2_Template, 1, 0)(3, CdkTable_Conditional_3_Template, 7, 0)(4, CdkTable_Conditional_4_Template, 4, 0);
@@ -135697,7 +135856,7 @@ var CdkTableModule = _CdkTableModule;
 })();
 
 // node_modules/@angular/material/fesm2022/table.mjs
-var _c042 = [[["caption"]], [["colgroup"], ["col"]], "*"];
+var _c043 = [[["caption"]], [["colgroup"], ["col"]], "*"];
 var _c130 = ["caption", "colgroup, col", "*"];
 function MatTable_Conditional_2_Template(rf, ctx) {
   if (rf & 1) {
@@ -135833,7 +135992,7 @@ _MatTable.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   consts: [["role", "rowgroup"], ["headerRowOutlet", ""], ["role", "rowgroup", 1, "mdc-data-table__content"], ["rowOutlet", ""], ["noDataRowOutlet", ""], ["footerRowOutlet", ""]],
   template: function MatTable_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275projectionDef(_c042);
+      \u0275\u0275projectionDef(_c043);
       \u0275\u0275projection(0);
       \u0275\u0275projection(1, 1);
       \u0275\u0275template(2, MatTable_Conditional_2_Template, 1, 0)(3, MatTable_Conditional_3_Template, 7, 0)(4, MatTable_Conditional_4_Template, 4, 0);
@@ -137429,7 +137588,7 @@ var MatPaginatorModule = _MatPaginatorModule;
 })();
 
 // node_modules/@angular/material/fesm2022/sort.mjs
-var _c043 = ["mat-sort-header", ""];
+var _c044 = ["mat-sort-header", ""];
 var _c131 = ["*"];
 function MatSortHeader_Conditional_3_Template(rf, ctx) {
   if (rf & 1) {
@@ -137987,7 +138146,7 @@ _MatSortHeader.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   exportAs: ["matSortHeader"],
   standalone: true,
   features: [\u0275\u0275InputTransformsFeature, \u0275\u0275StandaloneFeature],
-  attrs: _c043,
+  attrs: _c044,
   ngContentSelectors: _c131,
   decls: 4,
   vars: 7,
@@ -138277,7 +138436,7 @@ var DialogUnitSelect = class _DialogUnitSelect {
 })();
 
 // src/app/core/components/data-browser/data-browser.component.ts
-var _c044 = () => [5, 10, 25, 100];
+var _c045 = () => [5, 10, 25, 100];
 function DataBrowserComponent_mat_header_cell_10_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "mat-header-cell", 18);
@@ -138477,7 +138636,7 @@ var DataBrowserComponent = class _DataBrowserComponent {
       \u0275\u0275advance();
       \u0275\u0275property("matRowDefColumns", ctx.displayedColumns);
       \u0275\u0275advance(3);
-      \u0275\u0275property("pageSize", ctx.pageSize)("pageSizeOptions", \u0275\u0275pureFunction0(8, _c044));
+      \u0275\u0275property("pageSize", ctx.pageSize)("pageSizeOptions", \u0275\u0275pureFunction0(8, _c045));
     }
   }, dependencies: [MatFormField, MatLabel, MatInput, MatTable, MatSort, MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatSortHeader, MatCellDef, MatCell, NgForOf, DataBrowserRowComponent, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow, MatNoDataRow, MatPaginator, KeyValuePipe, PageHeaderComponent], styles: ["\n\n.full-display[_ngcontent-%COMP%] {\n  width: 100%;\n  position: relative;\n  z-index: 500;\n}\n.full-height[_ngcontent-%COMP%] {\n  height: 100%;\n}\n.mat-column-path[_ngcontent-%COMP%] {\n  flex: 0 0 50%;\n  width: 50%;\n}\n.mat-mdc-table[_ngcontent-%COMP%] {\n  overflow: auto;\n}\n.table-container[_ngcontent-%COMP%] {\n  overflow: auto;\n  height: auto;\n}\n.paginator[_ngcontent-%COMP%] {\n  width: 100%;\n  position: sticky;\n}\n.filter-field[_ngcontent-%COMP%] {\n  padding: 15px 20px;\n  width: calc(100% - 40px);\n}\n.flex-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: stretch;\n  gap: 10px;\n}\n.pathCell[_ngcontent-%COMP%] {\n  flex: 1 1 50%;\n}\n.pathHeader[_ngcontent-%COMP%] {\n  flex: 1 1 50%;\n}\n.dataHeader[_ngcontent-%COMP%] {\n  flex: 1 1 50%;\n}\n.dataCell[_ngcontent-%COMP%] {\n  flex: 1 1 50%;\n  flex-flow: column;\n  flex-wrap: wrap;\n  gap: 2px;\n}\n@media screen and (max-width: 750px) {\n  .pathHeader[_ngcontent-%COMP%] {\n    flex: 1 1 50%;\n  }\n  .dataHeader[_ngcontent-%COMP%] {\n    flex: 1 1 50%;\n  }\n  .dataCell[_ngcontent-%COMP%] {\n    flex: 1 1 100%;\n  }\n  .dataCell[_ngcontent-%COMP%] {\n    flex: 1 1 100%;\n    margin-left: 24px;\n  }\n  .mat-mdc-table[_ngcontent-%COMP%]   .mat-mdc-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n  .mat-mdc-table[_ngcontent-%COMP%]   .mat-mdc-cell[_ngcontent-%COMP%]:before {\n    content: attr(data-label);\n    float: left;\n    padding-right: 5px;\n  }\n  mat-row[_ngcontent-%COMP%]::after {\n    min-height: auto;\n    padding-bottom: 10px;\n  }\n  .dataRow[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .actionCell[_ngcontent-%COMP%] {\n    margin-left: 24px;\n  }\n}\n/*# sourceMappingURL=data-browser.component.css.map */"] });
 };
@@ -138501,7 +138660,7 @@ var FilterSelfPipe = class _FilterSelfPipe {
 };
 
 // node_modules/@angular/cdk/fesm2022/stepper.mjs
-var _c045 = ["*"];
+var _c046 = ["*"];
 function CdkStep_ng_template_0_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275projection(0);
@@ -138689,7 +138848,7 @@ _CdkStep.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   exportAs: ["cdkStep"],
   standalone: true,
   features: [\u0275\u0275InputTransformsFeature, \u0275\u0275NgOnChangesFeature, \u0275\u0275StandaloneFeature],
-  ngContentSelectors: _c045,
+  ngContentSelectors: _c046,
   decls: 1,
   vars: 0,
   template: function CdkStep_Template(rf, ctx) {
@@ -139325,7 +139484,7 @@ function MatStepHeader_Conditional_9_Template(rf, ctx) {
     \u0275\u0275textInterpolate(ctx_r0.errorMessage);
   }
 }
-var _c046 = ["*"];
+var _c047 = ["*"];
 function MatStep_ng_template_0_ng_template_1_Template(rf, ctx) {
 }
 function MatStep_ng_template_0_Template(rf, ctx) {
@@ -139936,7 +140095,7 @@ _MatStep.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
     provide: CdkStep,
     useExisting: _MatStep
   }]), \u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature],
-  ngContentSelectors: _c046,
+  ngContentSelectors: _c047,
   decls: 1,
   vars: 0,
   consts: [[3, "cdkPortalOutlet"]],
@@ -140109,7 +140268,7 @@ _MatStepper.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
     provide: CdkStepper,
     useExisting: _MatStepper
   }]), \u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature],
-  ngContentSelectors: _c046,
+  ngContentSelectors: _c047,
   decls: 5,
   vars: 2,
   consts: [["stepTemplate", ""], [1, "mat-horizontal-stepper-wrapper"], [1, "mat-horizontal-stepper-header-container"], [1, "mat-horizontal-content-container"], ["role", "tabpanel", 1, "mat-horizontal-stepper-content", 3, "id", "mat-horizontal-stepper-content-inactive"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "mat-stepper-horizontal-line"], ["role", "tabpanel", 1, "mat-horizontal-stepper-content", 3, "id"], [3, "ngTemplateOutlet"], [1, "mat-step"], [1, "mat-vertical-content-container"], ["role", "tabpanel", 1, "mat-vertical-stepper-content", 3, "id"], [1, "mat-vertical-content"], [3, "click", "keydown", "tabIndex", "id", "index", "state", "label", "selected", "active", "optional", "errorMessage", "iconOverrides", "disableRipple", "color"]],
@@ -140397,7 +140556,7 @@ var MatStepperModule = _MatStepperModule;
 })();
 
 // src/app/core/components/datasets/datasets.component.ts
-var _c047 = () => [5, 10, 25, 100];
+var _c048 = () => [5, 10, 25, 100];
 function SettingsDatasetsComponent_mat_header_cell_13_Template(rf, ctx) {
   if (rf & 1) {
     \u0275\u0275elementStart(0, "mat-header-cell", 29);
@@ -140701,7 +140860,7 @@ var SettingsDatasetsComponent = class _SettingsDatasetsComponent {
       \u0275\u0275advance();
       \u0275\u0275property("matRowDefColumns", ctx.displayedColumns);
       \u0275\u0275advance(3);
-      \u0275\u0275property("pageSizeOptions", \u0275\u0275pureFunction0(7, _c047));
+      \u0275\u0275property("pageSizeOptions", \u0275\u0275pureFunction0(7, _c048));
     }
   }, dependencies: [FormsModule, \u0275NgNoValidate, NgControlStatusGroup, NgForm, MatFormField, MatLabel, MatInput, MatTable, MatSort, MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatSortHeader, MatCellDef, MatCell, MatButton, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow, MatNoDataRow, MatPaginator, MatDivider, PageHeaderComponent], styles: [_c134] });
 };
@@ -141060,7 +141219,7 @@ function SimpleSnackBar_Conditional_2_Template(rf, ctx) {
     \u0275\u0275textInterpolate1(" ", ctx_r1.data.action, " ");
   }
 }
-var _c048 = ["label"];
+var _c049 = ["label"];
 function MatSnackBarContainer_ng_template_4_Template(rf, ctx) {
 }
 var MAX_TIMEOUT = Math.pow(2, 31) - 1;
@@ -141503,7 +141662,7 @@ _MatSnackBarContainer.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   viewQuery: function MatSnackBarContainer_Query(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275viewQuery(CdkPortalOutlet, 7);
-      \u0275\u0275viewQuery(_c048, 7);
+      \u0275\u0275viewQuery(_c049, 7);
     }
     if (rf & 2) {
       let _t;
@@ -141854,7 +142013,7 @@ var MatSnackBarModule = _MatSnackBarModule;
 })();
 
 // node_modules/@angular/material/fesm2022/menu.mjs
-var _c049 = ["mat-menu-item", ""];
+var _c050 = ["mat-menu-item", ""];
 var _c135 = [[["mat-icon"], ["", "matMenuItemIcon", ""]], "*"];
 var _c220 = ["mat-icon, [matMenuItemIcon]", "*"];
 function MatMenuItem_Conditional_4_Template(rf, ctx) {
@@ -142008,7 +142167,7 @@ _MatMenuItem.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   exportAs: ["matMenuItem"],
   standalone: true,
   features: [\u0275\u0275InputTransformsFeature, \u0275\u0275StandaloneFeature],
-  attrs: _c049,
+  attrs: _c050,
   ngContentSelectors: _c220,
   decls: 5,
   vars: 3,
@@ -143818,7 +143977,7 @@ var MenuNotificationsComponent = class _MenuNotificationsComponent {
 })();
 
 // node_modules/@angular/material/fesm2022/sidenav.mjs
-var _c050 = ["*"];
+var _c051 = ["*"];
 var _c136 = ["content"];
 var _c221 = [[["mat-drawer"]], [["mat-drawer-content"]], "*"];
 var _c316 = ["mat-drawer", "mat-drawer-content", "*"];
@@ -143932,7 +144091,7 @@ _MatDrawerContent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
     provide: CdkScrollable,
     useExisting: _MatDrawerContent
   }]), \u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature],
-  ngContentSelectors: _c050,
+  ngContentSelectors: _c051,
   decls: 1,
   vars: 0,
   template: function MatDrawerContent_Template(rf, ctx) {
@@ -144362,7 +144521,7 @@ _MatDrawer.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   exportAs: ["matDrawer"],
   standalone: true,
   features: [\u0275\u0275StandaloneFeature],
-  ngContentSelectors: _c050,
+  ngContentSelectors: _c051,
   decls: 3,
   vars: 0,
   consts: [["content", ""], ["cdkScrollable", "", 1, "mat-drawer-inner-container"]],
@@ -144895,7 +145054,7 @@ _MatSidenavContent.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
     provide: CdkScrollable,
     useExisting: _MatSidenavContent
   }]), \u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature],
-  ngContentSelectors: _c050,
+  ngContentSelectors: _c051,
   decls: 1,
   vars: 0,
   template: function MatSidenavContent_Template(rf, ctx) {
@@ -145004,7 +145163,7 @@ _MatSidenav.\u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({
   exportAs: ["matSidenav"],
   standalone: true,
   features: [\u0275\u0275InheritDefinitionFeature, \u0275\u0275StandaloneFeature],
-  ngContentSelectors: _c050,
+  ngContentSelectors: _c051,
   decls: 3,
   vars: 0,
   consts: [["content", ""], ["cdkScrollable", "", 1, "mat-drawer-inner-container"]],
@@ -145539,7 +145698,7 @@ var MenuActionsComponent = class _MenuActionsComponent {
 })();
 
 // src/app/app.component.ts
-var _c051 = ["actionsSidenav"];
+var _c052 = ["actionsSidenav"];
 var AppComponent = class _AppComponent {
   _snackBar = inject(MatSnackBar);
   _deltaService = inject(SignalKDeltaService);
@@ -145669,7 +145828,7 @@ var AppComponent = class _AppComponent {
   };
   static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _AppComponent, selectors: [["app-root"]], viewQuery: function AppComponent_Query(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275viewQuerySignal(ctx.actionsSidenav, _c051, 5);
+      \u0275\u0275viewQuerySignal(ctx.actionsSidenav, _c052, 5);
     }
     if (rf & 2) {
       \u0275\u0275queryAdvance();