ednl-liftstatus-web-components 1.62.3 → 1.62.4

package/dist/cjs/ls-3d-scene.cjs.entry.js

@@ -55960,13 +55960,19 @@ const Ls3dScene = class {
         };
     }
     componentDidLoad() {
+        var _a;
         this.initializeScene();
         this.startAnimation();
         this.observeResize();
         if (this.store !== null) {
             this.hasBackDoor(this.store.state.hasBackDoor);
         }
-        this.updateErrorMessageElement();
+        // An error already in the store found no canvas to cover before the first
+        // render. Applied after initializeScene, which keeps the renderer at a
+        // fixed child index of the canvas.
+        if (this.errorState.hasError && !isNil.isNil(this.canvas)) {
+            errorMessage.applyErrorMessage(this.canvas, errorMessage.getErrorMessageForDisplay(this.errorState.messageKey, (_a = this.store) === null || _a === void 0 ? void 0 : _a.state.locale));
+        }
         if (this.store !== null) {
             this.processSensorUpdate(this.store.state.currentSensorData, true);
         }
@@ -55980,9 +55986,9 @@ const Ls3dScene = class {
     render() {
         var _a, _b, _c;
         const effectiveLastUpdate = this.lastUpdate === undefined || this.lastUpdate === 0 ? ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state.currentSensorData.lastUpdate) !== null && _b !== void 0 ? _b : 0) : this.lastUpdate;
-        return (index.h(index.Host, { key: '8495bbfde19d949a1837cc4b466787f33dd0fa1b' }, index.h("div", { key: '1d830fc5aa05bf2b4918f50001386d41c977d215', class: "canvas", ref: el => {
+        return (index.h(index.Host, { key: '386954d30c092e2157fddcb3bb0ad0107956d040' }, index.h("div", { key: 'b828028056490e6a8fb11d182f4afc62a680ff1d', class: "canvas", ref: el => {
                 this.canvas = el;
-            } }, index.h("ls-indicator", { key: 'd4506e32a03175e463ea1248d4b109be090039fd', class: "current-floor", "sensor-id": sensors.SENSOR.CurrentStop, "id-key": this.idKey }), index.h("ls-indicator", { key: '0283d236f4cc97287f21960212d5d1c0b52b4e0f', class: "last-passed-floor", "sensor-id": sensors.SENSOR.LastPassedStop, "id-key": this.idKey }), index.h("div", { key: 'f4fff768a93fcf86dad40f022ee9428ae169247c', class: "last-update" }, safeRelativeTime.getSafeRelativeTime(effectiveLastUpdate, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.locale))), index.h("slot", { key: 'df62171ae1407dc9252899a6e0b6e6d249f4e654' })));
+            } }, index.h("ls-indicator", { key: 'cd8a73176772b176b41c667a1d6943f023100386', class: "current-floor", "sensor-id": sensors.SENSOR.CurrentStop, "id-key": this.idKey }), index.h("ls-indicator", { key: '10bd56f6b2df0dc6178aaf0a7b1064535bb90618', class: "last-passed-floor", "sensor-id": sensors.SENSOR.LastPassedStop, "id-key": this.idKey }), index.h("div", { key: '0a985a3d6b874b75ac9b08048b264832a41ee5d7', class: "last-update" }, safeRelativeTime.getSafeRelativeTime(effectiveLastUpdate, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.locale))), index.h("slot", { key: '0444dd4682bd15ce5ba74d72fd8eb432137486be' })));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/cjs/ls-swimlane.cjs.entry.js

@@ -498,9 +498,12 @@ const LsSwimlane = class {
             },
             getStore: () => this.store,
             overlayContainer: () => this.canvas,
-            // Canvas DOM is kept during errors, so the chart can resume without a
-            // redraw — just restart the animation loop if it isn't already running.
+            // Resizes and locale changes are skipped during an error, so the chart can
+            // be stale by now: redraw it, as a resize does, before restarting the loop.
             onRecovered: () => {
+                this.drawChart();
+                this.rebuildChartData();
+                this.updateTimeline();
                 if (this.interval === null)
                     this.timelineTimer();
             },
@@ -783,16 +786,18 @@ const LsSwimlane = class {
         if (this.store === null) {
             return;
         }
-        if (this.errorState.hasError) {
-            return;
-        }
+        // Drawn even during an error, so the overlay has a chart to cover and a
+        // recovery only needs to restart the timer.
         this.drawChart();
         // Fill chart with historical data
         this.processHistoricalData(this.store.state.historicalSensorData);
         // Initial chart data build
         this.rebuildChartData();
+        // An error set before the first render found no container to cover.
+        swimlaneConstants.applyErrorOverlay(this.errorStateHost);
         // Start the timer to update the swim lane at regular intervals
-        this.timelineTimer();
+        if (!this.errorState.hasError)
+            this.timelineTimer();
         // Subscribe to future sensor value updates
         this.storeUnsubscribes.push(this.store.onChange('currentSensorData', sensorData => {
             this.processLiveData(sensorData);
@@ -800,9 +805,9 @@ const LsSwimlane = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'c4828ba5ed8384b6f2b80473f7dbc1f90482063a' }, index.h("div", { key: 'd75276b51d51dfe534253ae72e72530fafb0e024', ref: el => {
+        return (index.h(index.Host, { key: '0ce059db23e715bad8e4cc6105318f0888e73f92' }, index.h("div", { key: '553f19d3c5897380f0072ddf8012f40094da0e18', ref: el => {
                 this.canvas = el !== null && el !== void 0 ? el : null;
-            } }, index.h("div", { key: '2ea05c0737573e45f953fff072e7b639b5f5ff60', class: "chart" })), this.isLoading && index.h("div", { key: '250b3a9642d7f358535d2842bc68086e3339a7e6', class: "loading" }, (_a = this.store) === null || _a === void 0 ? void 0 : _a.t('ui:general.loading')), index.h("slot", { key: '652175e11e63c2f35535c7c7ad47c1e48ff491bc' })));
+            } }, index.h("div", { key: '7598ba42e750b632aa3eb72eefb77e2c9ae05d05', class: "chart" })), this.isLoading && index.h("div", { key: 'da3665b56f361568a460b7453801cd706814d142', class: "loading" }, (_a = this.store) === null || _a === void 0 ? void 0 : _a.t('ui:general.loading')), index.h("slot", { key: '3028c84a6ec7a9a6ea7a8bc079ea81803613157c' })));
     }
     disconnectedCallback() {
         this.clearTimer();

package/dist/collection/components/ls-3d-scene/ls-3d-scene.js

@@ -1134,13 +1134,19 @@ export class Ls3dScene {
         };
     }
     componentDidLoad() {
+        var _a;
         this.initializeScene();
         this.startAnimation();
         this.observeResize();
         if (this.store !== null) {
             this.hasBackDoor(this.store.state.hasBackDoor);
         }
-        this.updateErrorMessageElement();
+        // An error already in the store found no canvas to cover before the first
+        // render. Applied after initializeScene, which keeps the renderer at a
+        // fixed child index of the canvas.
+        if (this.errorState.hasError && !isNil(this.canvas)) {
+            applyErrorMessage(this.canvas, getErrorMessageForDisplay(this.errorState.messageKey, (_a = this.store) === null || _a === void 0 ? void 0 : _a.state.locale));
+        }
         if (this.store !== null) {
             this.processSensorUpdate(this.store.state.currentSensorData, true);
         }
@@ -1154,9 +1160,9 @@ export class Ls3dScene {
     render() {
         var _a, _b, _c;
         const effectiveLastUpdate = this.lastUpdate === undefined || this.lastUpdate === 0 ? ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state.currentSensorData.lastUpdate) !== null && _b !== void 0 ? _b : 0) : this.lastUpdate;
-        return (h(Host, { key: '8495bbfde19d949a1837cc4b466787f33dd0fa1b' }, h("div", { key: '1d830fc5aa05bf2b4918f50001386d41c977d215', class: "canvas", ref: el => {
+        return (h(Host, { key: '386954d30c092e2157fddcb3bb0ad0107956d040' }, h("div", { key: 'b828028056490e6a8fb11d182f4afc62a680ff1d', class: "canvas", ref: el => {
                 this.canvas = el;
-            } }, h("ls-indicator", { key: 'd4506e32a03175e463ea1248d4b109be090039fd', class: "current-floor", "sensor-id": SENSOR.CurrentStop, "id-key": this.idKey }), h("ls-indicator", { key: '0283d236f4cc97287f21960212d5d1c0b52b4e0f', class: "last-passed-floor", "sensor-id": SENSOR.LastPassedStop, "id-key": this.idKey }), h("div", { key: 'f4fff768a93fcf86dad40f022ee9428ae169247c', class: "last-update" }, getSafeRelativeTime(effectiveLastUpdate, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.locale))), h("slot", { key: 'df62171ae1407dc9252899a6e0b6e6d249f4e654' })));
+            } }, h("ls-indicator", { key: 'cd8a73176772b176b41c667a1d6943f023100386', class: "current-floor", "sensor-id": SENSOR.CurrentStop, "id-key": this.idKey }), h("ls-indicator", { key: '10bd56f6b2df0dc6178aaf0a7b1064535bb90618', class: "last-passed-floor", "sensor-id": SENSOR.LastPassedStop, "id-key": this.idKey }), h("div", { key: '0a985a3d6b874b75ac9b08048b264832a41ee5d7', class: "last-update" }, getSafeRelativeTime(effectiveLastUpdate, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.locale))), h("slot", { key: '0444dd4682bd15ce5ba74d72fd8eb432137486be' })));
     }
     static get is() { return "ls-3d-scene"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ls-swimlane/ls-swimlane.js

@@ -5,7 +5,7 @@ import { debounce, each, filter, get, indexOf, isEmpty, isNil, isObject, keys, l
 import { getStore } from "../../store";
 import { SWIMLANE_ICON_SIZE, SWIMLANE_ITEM_HEIGHT, SWIMLANE_LABEL_WIDTH, SWIMLANE_ROW_HEIGHT } from "../swimlane-shared/swimlane-constants";
 import { truncateSvgText } from "../swimlane-shared/swimlane-text";
-import { updateErrorState } from "../../utils/component-error-state";
+import { applyErrorOverlay, updateErrorState } from "../../utils/component-error-state";
 import { watchStoreLocale } from "../../utils/locale-state";
 import { sensorInfo } from "../../utils/sensorInfo";
 import { isZeroBasedStopSensor, SENSOR, SWIMLANE_SENSOR_IDS, sensorIdsToString } from "../../utils/sensors";
@@ -343,9 +343,12 @@ export class LsSwimlane {
             },
             getStore: () => this.store,
             overlayContainer: () => this.canvas,
-            // Canvas DOM is kept during errors, so the chart can resume without a
-            // redraw — just restart the animation loop if it isn't already running.
+            // Resizes and locale changes are skipped during an error, so the chart can
+            // be stale by now: redraw it, as a resize does, before restarting the loop.
             onRecovered: () => {
+                this.drawChart();
+                this.rebuildChartData();
+                this.updateTimeline();
                 if (this.interval === null)
                     this.timelineTimer();
             },
@@ -628,16 +631,18 @@ export class LsSwimlane {
         if (this.store === null) {
             return;
         }
-        if (this.errorState.hasError) {
-            return;
-        }
+        // Drawn even during an error, so the overlay has a chart to cover and a
+        // recovery only needs to restart the timer.
         this.drawChart();
         // Fill chart with historical data
         this.processHistoricalData(this.store.state.historicalSensorData);
         // Initial chart data build
         this.rebuildChartData();
+        // An error set before the first render found no container to cover.
+        applyErrorOverlay(this.errorStateHost);
         // Start the timer to update the swim lane at regular intervals
-        this.timelineTimer();
+        if (!this.errorState.hasError)
+            this.timelineTimer();
         // Subscribe to future sensor value updates
         this.storeUnsubscribes.push(this.store.onChange('currentSensorData', sensorData => {
             this.processLiveData(sensorData);
@@ -645,9 +650,9 @@ export class LsSwimlane {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'c4828ba5ed8384b6f2b80473f7dbc1f90482063a' }, h("div", { key: 'd75276b51d51dfe534253ae72e72530fafb0e024', ref: el => {
+        return (h(Host, { key: '0ce059db23e715bad8e4cc6105318f0888e73f92' }, h("div", { key: '553f19d3c5897380f0072ddf8012f40094da0e18', ref: el => {
                 this.canvas = el !== null && el !== void 0 ? el : null;
-            } }, h("div", { key: '2ea05c0737573e45f953fff072e7b639b5f5ff60', class: "chart" })), this.isLoading && h("div", { key: '250b3a9642d7f358535d2842bc68086e3339a7e6', class: "loading" }, (_a = this.store) === null || _a === void 0 ? void 0 : _a.t('ui:general.loading')), h("slot", { key: '652175e11e63c2f35535c7c7ad47c1e48ff491bc' })));
+            } }, h("div", { key: '7598ba42e750b632aa3eb72eefb77e2c9ae05d05', class: "chart" })), this.isLoading && h("div", { key: 'da3665b56f361568a460b7453801cd706814d142', class: "loading" }, (_a = this.store) === null || _a === void 0 ? void 0 : _a.t('ui:general.loading')), h("slot", { key: '3028c84a6ec7a9a6ea7a8bc079ea81803613157c' })));
     }
     disconnectedCallback() {
         this.clearTimer();