@meshmakers/octo-meshboard 3.4.1050 → 3.4.1080

package/fesm2022/meshmakers-octo-meshboard.mjs

@@ -4252,7 +4252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  *
  * The service has no Angular signal or component dependency — it's a thin
  * stateful wrapper around `setInterval`, which lets it be unit-tested with
- * `jasmine.clock()` without standing up a TestBed.
+ * `vi.useFakeTimers()` without standing up a TestBed.
  *
  * Provide at the component level (`providers: [AutoRefreshTimerService]`) so
  * each MeshBoard view gets its own timer instance; `ngOnDestroy` clears the
@@ -10182,15 +10182,15 @@ class GaugeWidgetComponent {
     pointers = [
         {
             value: 10,
-            color: "#ffd246",
+            color: '#ffd246',
         },
         {
             value: 20,
-            color: "#28b4c8",
+            color: '#28b4c8',
         },
         {
             value: 30,
-            color: "#78d237",
+            color: '#78d237',
         },
     ];
     dataService = inject(DashboardDataService);
@@ -31236,7 +31236,7 @@ class MeshBoardSettingsDialogComponent {
      * Timezone basis for time-filter boundaries and datetime display across all
      * widgets. Defaults to `'local'` (browser timezone).
      */
-    timeZoneMode = DEFAULT_TIME_ZONE_MODE;
+    timeZoneMode;
     /**
      * Curated IANA zones offered in the "Specific time zone" picker (AB#4190). Not exhaustive —
      * a board can hold any IANA id; this is the convenient shortlist shown in the settings UI.
@@ -31256,6 +31256,12 @@ class MeshBoardSettingsDialogComponent {
     ];
     /** The IANA id bound to the picker; only applied to {@link timeZoneMode} while "Specific time zone" is selected. */
     zoneSelection = 'Europe/Vienna';
+    constructor() {
+        // Assigned here rather than as a field initialiser: a class field initialised with a bare
+        // imported identifier reads `undefined` under the Vitest module runner (see CLAUDE.md,
+        // "Vite/esbuild class-field snapshot").
+        this.timeZoneMode = DEFAULT_TIME_ZONE_MODE;
+    }
     /** True when the board zone is an explicit IANA id (i.e. neither `'local'` nor `'utc'`). */
     get isSpecificZone() {
         return this.timeZoneMode !== 'local' && this.timeZoneMode !== 'utc';
@@ -31371,7 +31377,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         EntitySelectorEditorComponent,
                         TimeRangePickerComponent
                     ], changeDetection: ChangeDetectionStrategy.Eager, template: "<div class=\"meshboard-settings-dialog\">\n  <kendo-tabstrip [animate]=\"false\">\n    <!-- General Tab -->\n    <kendo-tabstrip-tab [title]=\"'General'\" [selected]=\"true\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <!-- Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"nameInput\" text=\"Name *\"></kendo-label>\n              <kendo-textbox\n                #nameInput\n                [(ngModel)]=\"name\"\n                name=\"name\"\n                placeholder=\"Enter MeshBoard name\"\n                required>\n              </kendo-textbox>\n              @if (name.trim().length === 0) {\n                <kendo-formerror>Name is required</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Description Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"descriptionInput\" text=\"Description\"></kendo-label>\n              <kendo-textarea\n                #descriptionInput\n                [(ngModel)]=\"description\"\n                name=\"description\"\n                placeholder=\"Enter MeshBoard description (optional)\"\n                [rows]=\"3\">\n              </kendo-textarea>\n            </kendo-formfield>\n\n            <!-- Well-Known Name Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"wellKnownNameInput\" text=\"Well-Known Name\"></kendo-label>\n              <kendo-textbox\n                #wellKnownNameInput\n                [(ngModel)]=\"rtWellKnownName\"\n                name=\"rtWellKnownName\"\n                placeholder=\"e.g., cockpit, dashboard-main\">\n              </kendo-textbox>\n              <kendo-formhint>Unique identifier for routing. Use lowercase with hyphens (e.g., 'cockpit', 'sales-dashboard').</kendo-formhint>\n            </kendo-formfield>\n\n            <!-- Layout Settings -->\n            <div class=\"section-title\">Layout Settings</div>\n\n            <!-- Columns Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"columnsInput\" text=\"Columns *\"></kendo-label>\n              <kendo-numerictextbox\n                #columnsInput\n                [(ngModel)]=\"columns\"\n                name=\"columns\"\n                [min]=\"1\"\n                [max]=\"12\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Number of columns in the grid (1-12)</kendo-formhint>\n              @if (columns < 1 || columns > 12) {\n                <kendo-formerror>Columns must be between 1 and 12</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Row Height Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"rowHeightInput\" text=\"Row Height *\"></kendo-label>\n              <kendo-numerictextbox\n                #rowHeightInput\n                [(ngModel)]=\"rowHeight\"\n                name=\"rowHeight\"\n                [min]=\"100\"\n                [max]=\"1000\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Height of each row in pixels (100-1000)</kendo-formhint>\n              @if (rowHeight < 100 || rowHeight > 1000) {\n                <kendo-formerror>Row height must be between 100 and 1000</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Gap Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"gapInput\" text=\"Gap *\"></kendo-label>\n              <kendo-numerictextbox\n                #gapInput\n                [(ngModel)]=\"gap\"\n                name=\"gap\"\n                [min]=\"0\"\n                [max]=\"100\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\"\n                required>\n              </kendo-numerictextbox>\n              <kendo-formhint>Space between widgets in pixels (0-100)</kendo-formhint>\n              @if (gap < 0 || gap > 100) {\n                <kendo-formerror>Gap must be between 0 and 100</kendo-formerror>\n              }\n            </kendo-formfield>\n\n            <!-- Auto-Refresh Field -->\n            <kendo-formfield>\n              <kendo-label [for]=\"autoRefreshInput\" text=\"Auto-refresh\"></kendo-label>\n              <kendo-numerictextbox\n                #autoRefreshInput\n                [(ngModel)]=\"autoRefreshSeconds\"\n                name=\"autoRefreshSeconds\"\n                [min]=\"0\"\n                [max]=\"3600\"\n                [decimals]=\"0\"\n                [format]=\"'n0'\"\n                [spinners]=\"true\">\n              </kendo-numerictextbox>\n              <kendo-formhint>Refresh interval in seconds (0 = disabled, max 3600). Pauses while the tab is hidden.</kendo-formhint>\n              @if (autoRefreshSeconds < 0 || autoRefreshSeconds > 3600) {\n                <kendo-formerror>Auto-refresh must be between 0 and 3600 seconds</kendo-formerror>\n              }\n            </kendo-formfield>\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Variables Tab -->\n    <kendo-tabstrip-tab [title]=\"'Variables'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-variables-editor\n            [(variables)]=\"variables\">\n          </mm-variables-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Time Filter Tab -->\n    <kendo-tabstrip-tab [title]=\"'Time Filter'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <form class=\"settings-form\">\n            <kendo-formfield>\n              <kendo-label text=\"Timezone\"></kendo-label>\n              <div class=\"radio-group\">\n                <div class=\"radio-wrapper\">\n                  <input\n                    type=\"radio\"\n                    kendoRadioButton\n                    #tzLocal\n                    [(ngModel)]=\"timeZoneMode\"\n                    name=\"timeZoneMode\"\n                    value=\"local\"\n                    id=\"timeZoneModeLocal\"/>\n                  <kendo-label [for]=\"tzLocal\" text=\"Local time (browser)\" class=\"radio-label\"></kendo-label>\n                </div>\n                <div class=\"radio-wrapper\">\n                  <input\n                    type=\"radio\"\n                    kendoRadioButton\n                    #tzUtc\n                    [(ngModel)]=\"timeZoneMode\"\n                    name=\"timeZoneMode\"\n                    value=\"utc\"\n                    id=\"timeZoneModeUtc\"/>\n                  <kendo-label [for]=\"tzUtc\" text=\"UTC\" class=\"radio-label\"></kendo-label>\n                </div>\n                <div class=\"radio-wrapper\">\n                  <input\n                    type=\"radio\"\n                    kendoRadioButton\n                    #tzZone\n                    [(ngModel)]=\"timeZoneMode\"\n                    name=\"timeZoneMode\"\n                    [value]=\"zoneSelection\"\n                    id=\"timeZoneModeZone\"/>\n                  <kendo-label [for]=\"tzZone\" text=\"Specific time zone\" class=\"radio-label\"></kendo-label>\n                  <kendo-dropdownlist\n                    class=\"tz-zone-select\"\n                    [data]=\"commonTimeZones\"\n                    [value]=\"zoneSelection\"\n                    (valueChange)=\"onZoneSelectionChange($event)\"\n                    [disabled]=\"!isSpecificZone\"\n                    [filterable]=\"true\"\n                    aria-label=\"IANA time zone\">\n                  </kendo-dropdownlist>\n                </div>\n              </div>\n              <kendo-formhint>\n                Basis for the time filter and for how all widgets display dates and times. Local time is the default.\n                A specific time zone resolves civil days (today / yesterday / this month) DST-correctly in that\n                zone and selects matching calendar rollups.\n              </kendo-formhint>\n            </kendo-formfield>\n\n            <kendo-formfield>\n              <div class=\"checkbox-wrapper\">\n                <input\n                  type=\"checkbox\"\n                  kendoCheckBox\n                  #timeFilterCheckbox\n                  [(ngModel)]=\"timeFilterEnabled\"\n                  name=\"timeFilterEnabled\"\n                  id=\"timeFilterEnabled\"/>\n                <kendo-label\n                  [for]=\"timeFilterCheckbox\"\n                  text=\"Enable Time Filter\"\n                  class=\"checkbox-label\">\n                </kendo-label>\n              </div>\n              <kendo-formhint>\n                Shows a time range picker in the toolbar. Sets $timeRangeFrom and $timeRangeTo variables.\n              </kendo-formhint>\n            </kendo-formfield>\n\n            @if (timeFilterEnabled) {\n              <kendo-formfield>\n                <kendo-label text=\"Default Selection\"></kendo-label>\n                <mm-time-range-picker\n                  [initialSelection]=\"initialDefaultSelection\"\n                  (selectionChange)=\"onDefaultSelectionChange($event)\">\n                </mm-time-range-picker>\n                <kendo-formhint>Initial time filter shown when no URL parameters are set. Note: User-selected filters override this default. Use the reset button in the toolbar to revert to the default.</kendo-formhint>\n              </kendo-formfield>\n            }\n          </form>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n\n    <!-- Entity Selectors Tab -->\n    <kendo-tabstrip-tab [title]=\"'Entity Selectors'\">\n      <ng-template kendoTabContent>\n        <div class=\"tab-content\">\n          <mm-entity-selector-editor\n            [(entitySelectors)]=\"entitySelectors\"\n            [existingVariableNames]=\"staticVariableNames\"\n            (editingStateChange)=\"entitySelectorEditing = $event\">\n          </mm-entity-selector-editor>\n        </div>\n      </ng-template>\n    </kendo-tabstrip-tab>\n  </kendo-tabstrip>\n\n  <!-- Dialog Actions -->\n  @if (!entitySelectorEditing) {\n    <div class=\"dialog-actions mm-dialog-actions\">\n      <button kendoButton (click)=\"cancel()\" fillMode=\"flat\">\n        Cancel\n      </button>\n      <button\n        kendoButton\n        (click)=\"save()\"\n        [disabled]=\"!isValid\"\n        themeColor=\"primary\">\n        Save\n      </button>\n    </div>\n  }\n</div>\n", styles: [".meshboard-settings-dialog{display:flex;flex-direction:column;height:100%;overflow:hidden}.meshboard-settings-dialog kendo-tabstrip{flex:1;min-height:0;display:flex;flex-direction:column}.meshboard-settings-dialog kendo-tabstrip ::ng-deep .k-tabstrip-content{flex:1;min-height:0;overflow:hidden}.meshboard-settings-dialog .tab-content{height:100%;overflow-y:auto;padding:1.5rem}.meshboard-settings-dialog .settings-form{display:flex;flex-direction:column;gap:1.25rem}.meshboard-settings-dialog .settings-form kendo-formfield{display:flex;flex-direction:column;gap:.5rem}.meshboard-settings-dialog .settings-form kendo-formfield kendo-label{font-weight:500;color:var(--kendo-color-on-app-surface, #424242)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-textbox,.meshboard-settings-dialog .settings-form kendo-formfield kendo-textarea,.meshboard-settings-dialog .settings-form kendo-formfield kendo-numerictextbox{width:100%}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formhint{font-size:.75rem;color:var(--kendo-color-subtle, #757575)}.meshboard-settings-dialog .settings-form kendo-formfield kendo-formerror{font-size:.75rem;color:var(--kendo-color-error, #f44336)}.meshboard-settings-dialog .settings-form .section-title{font-size:.875rem;font-weight:600;color:var(--kendo-color-on-app-surface, #424242);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--kendo-color-border, #e0e0e0)}.meshboard-settings-dialog .settings-form .checkbox-wrapper,.meshboard-settings-dialog .settings-form .radio-wrapper{display:flex;align-items:center;gap:.5rem}.meshboard-settings-dialog .settings-form .checkbox-wrapper .checkbox-label,.meshboard-settings-dialog .settings-form .checkbox-wrapper .radio-label,.meshboard-settings-dialog .settings-form .radio-wrapper .checkbox-label,.meshboard-settings-dialog .settings-form .radio-wrapper .radio-label{font-weight:400;cursor:pointer}.meshboard-settings-dialog .settings-form .checkbox-wrapper .tz-zone-select,.meshboard-settings-dialog .settings-form .radio-wrapper .tz-zone-select{min-width:12rem}.meshboard-settings-dialog .settings-form .radio-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.meshboard-settings-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--kendo-color-border, #e0e0e0);flex-shrink:0;background-color:var(--kendo-color-surface-alt, white)}\n"] }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Dialog for selecting a widget type to add to the MeshBoard.