@openremote/manager 1.8.0-snapshot.20250725120000 → 1.8.0-snapshot.20250725123024

package/lib/components/configuration/or-conf-map/or-conf-map-card.js

@@ -70,19 +70,19 @@ let OrConfMapCard = class OrConfMapCard extends LitElement {
         showDialog(new OrMwcDialog()
             .setHeading(i18next.t("delete"))
             .setActions(dialogActions)
-            .setContent(html `
-                ${i18next.t("configuration.deleteMapCustomizationConfirm")}
+            .setContent(html `
+                ${i18next.t("configuration.deleteMapCustomizationConfirm")}
             `)
-            .setStyles(html `
-                <style>
-                    .mdc-dialog__surface {
-                        padding: 4px 8px;
-                    }
-
-                    #dialog-content {
-                        padding: 24px;
-                    }
-                </style>
+            .setStyles(html `
+                <style>
+                    .mdc-dialog__surface {
+                        padding: 4px 8px;
+                    }
+
+                    #dialog-content {
+                        padding: 24px;
+                    }
+                </style>
             `)
             .setDismissAction(null));
     }
@@ -121,198 +121,198 @@ let OrConfMapCard = class OrConfMapCard extends LitElement {
     }
     getMapContentTemplate(map) {
         return __awaiter(this, void 0, void 0, function* () {
-            return html `
-            <style>
-                #remove-map {
-                    margin: 12px 0 0 0;
-                }
-
-                .subheader {
-                    padding: 10px 0 4px;
-                    font-weight: bolder;
-                }
-
-                .d-inline-flex {
-                    display: inline-flex;
-                }
-
-                .panel-content {
-                    padding: 0 24px 24px;
-                }
-
-                .description {
-                    font-size: 12px;
-                }
-
-                .boundary-container {
-                    width: 50%;
-                }
-
-                .boundary-item, .input {
-                    width: 100%;
-                    max-width: 800px;
-                    padding: 10px 0;
-                }
-
-                .input or-mwc-input:not([icon]) {
-                    width: 80%;
-                }
-
-                .zoom-group {
-                    width: 50%;
-                    padding-left: 12px;
-                }
-
-                .map-container {
-                    width: 100%
-                }
-                .settings-container{
-                    display: inline-flex;
-                }
-
-                @media screen and (max-width: 768px) {
-                    .zoom-group, .boundary-container{
-                        width: 100%;
-                        padding: unset;
-                    }
-                    .settings-container{
-                        display: block;
-                    }
-                }
-            </style>
-            <div slot="content" class="panel-content">
-                <div class="map-container">
-                    <div class="subheader">${i18next.t("map")}</div>
-                    <or-map id="vectorMap" .showBoundaryBoxControl="${true}" .zoom="${this.zoom}"
-                            .boundary="${map.bounds}"
+            return html `
+            <style>
+                #remove-map {
+                    margin: 12px 0 0 0;
+                }
+
+                .subheader {
+                    padding: 10px 0 4px;
+                    font-weight: bolder;
+                }
+
+                .d-inline-flex {
+                    display: inline-flex;
+                }
+
+                .panel-content {
+                    padding: 0 24px 24px;
+                }
+
+                .description {
+                    font-size: 12px;
+                }
+
+                .boundary-container {
+                    width: 50%;
+                }
+
+                .boundary-item, .input {
+                    width: 100%;
+                    max-width: 800px;
+                    padding: 10px 0;
+                }
+
+                .input or-mwc-input:not([icon]) {
+                    width: 80%;
+                }
+
+                .zoom-group {
+                    width: 50%;
+                    padding-left: 12px;
+                }
+
+                .map-container {
+                    width: 100%
+                }
+                .settings-container{
+                    display: inline-flex;
+                }
+
+                @media screen and (max-width: 768px) {
+                    .zoom-group, .boundary-container{
+                        width: 100%;
+                        padding: unset;
+                    }
+                    .settings-container{
+                        display: block;
+                    }
+                }
+            </style>
+            <div slot="content" class="panel-content">
+                <div class="map-container">
+                    <div class="subheader">${i18next.t("map")}</div>
+                    <or-map id="vectorMap" .showBoundaryBoxControl="${true}" .zoom="${this.zoom}"
+                            .boundary="${map.bounds}"
                             @or-map-long-press="${(ev) => {
                 this.setCenter(ev.detail.lngLat);
-            }}" .showGeoCodingControl="${true}"
-                            .showGeoJson="${map.geoJson != undefined}"
-                            .geoJson="${map.geoJson}"
-                            .useZoomControl="${false}"
-                            style="height: 500px; width: 100%;">
-                        ${when(map.center, () => html `
-                            <or-map-marker id="geo-json-point-marker" .lng="${map.center[0]}" .lat="${map.center[1]}"></or-map-marker>
-                        `)}
-                    </or-map>
-                </div>
-
-                <div class="settings-container">
-                    <div class="boundary-container">
-                        <div class="subheader">${i18next.t("configuration.mapBounds")}</div>
-                        <span>${i18next.t("configuration.mapBoundsDescription")}</span>
-                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[3]}" .type="${InputType.NUMBER}" .label="${i18next.t("north")}"
-                                        class="boundary-item"
-                                        @or-mwc-input-changed="${(e) => this.setBoundary(3, e.detail.value)}"
-                                        .step="${.01}"></or-mwc-input>
-                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[2]}" .type="${InputType.NUMBER}" .label="${i18next.t("east")}"
-                                        class="boundary-item"
-                                        @or-mwc-input-changed="${(e) => this.setBoundary(2, e.detail.value)}"
-                                        .step="${.01}"></or-mwc-input>
-                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[1]}" .type="${InputType.NUMBER}" .label="${i18next.t("south")}"
-                                        class="boundary-item"
-                                        @or-mwc-input-changed="${(e) => this.setBoundary(1, e.detail.value)}"
-                                        .step="${.01}"></or-mwc-input>
-                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[0]}" .type="${InputType.NUMBER}" .label="${i18next.t("west")}"
-                                        class="boundary-item"
-                                        @or-mwc-input-changed="${(e) => this.setBoundary(0, e.detail.value)}"
-                                        .step="${.01}"></or-mwc-input>
-                        <div class="subheader">${i18next.t("configuration.center")}</div>
-                        <span>${i18next.t("configuration.centerDescription")}</span>
-                        <or-mwc-input .value="${Array.isArray(map.center) ? map.center.join() : undefined}"
-                                        .type="${InputType.TEXT}" label="${i18next.t("configuration.center")}"
-                                        class="boundary-item"
-                                        @or-mwc-input-changed="${(e) => this.setCenter(e.detail.value)}"
-                                        .step="${.01}"></or-mwc-input>
-                        <div class="subheader">${i18next.t("configuration.geoJson")}</div>
-                        <span>${i18next.t("configuration.geoJsonDescription")}</span>
-                        <div class="input" style="height: 56px; display: flex; align-items: center;">
+            }}" .showGeoCodingControl="${true}"
+                            .showGeoJson="${map.geoJson != undefined}"
+                            .geoJson="${map.geoJson}"
+                            .useZoomControl="${false}"
+                            style="height: 500px; width: 100%;">
+                        ${when(map.center, () => html `
+                            <or-map-marker id="geo-json-point-marker" .lng="${map.center[0]}" .lat="${map.center[1]}"></or-map-marker>
+                        `)}
+                    </or-map>
+                </div>
+
+                <div class="settings-container">
+                    <div class="boundary-container">
+                        <div class="subheader">${i18next.t("configuration.mapBounds")}</div>
+                        <span>${i18next.t("configuration.mapBoundsDescription")}</span>
+                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[3]}" .type="${InputType.NUMBER}" .label="${i18next.t("north")}"
+                                        class="boundary-item"
+                                        @or-mwc-input-changed="${(e) => this.setBoundary(3, e.detail.value)}"
+                                        .step="${.01}"></or-mwc-input>
+                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[2]}" .type="${InputType.NUMBER}" .label="${i18next.t("east")}"
+                                        class="boundary-item"
+                                        @or-mwc-input-changed="${(e) => this.setBoundary(2, e.detail.value)}"
+                                        .step="${.01}"></or-mwc-input>
+                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[1]}" .type="${InputType.NUMBER}" .label="${i18next.t("south")}"
+                                        class="boundary-item"
+                                        @or-mwc-input-changed="${(e) => this.setBoundary(1, e.detail.value)}"
+                                        .step="${.01}"></or-mwc-input>
+                        <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[0]}" .type="${InputType.NUMBER}" .label="${i18next.t("west")}"
+                                        class="boundary-item"
+                                        @or-mwc-input-changed="${(e) => this.setBoundary(0, e.detail.value)}"
+                                        .step="${.01}"></or-mwc-input>
+                        <div class="subheader">${i18next.t("configuration.center")}</div>
+                        <span>${i18next.t("configuration.centerDescription")}</span>
+                        <or-mwc-input .value="${Array.isArray(map.center) ? map.center.join() : undefined}"
+                                        .type="${InputType.TEXT}" label="${i18next.t("configuration.center")}"
+                                        class="boundary-item"
+                                        @or-mwc-input-changed="${(e) => this.setCenter(e.detail.value)}"
+                                        .step="${.01}"></or-mwc-input>
+                        <div class="subheader">${i18next.t("configuration.geoJson")}</div>
+                        <span>${i18next.t("configuration.geoJsonDescription")}</span>
+                        <div class="input" style="height: 56px; display: flex; align-items: center;">
                             <or-conf-map-geojson .geoJson="${map.geoJson}" @update="${(e) => {
                 map.geoJson = e.detail.value;
                 this.requestUpdate();
                 this.notifyConfigChange(map);
-            }}"></or-conf-map-geojson>
-                        </div>
-                    </div>
-
-                    <div class="zoom-group">
-                        <div class="subheader">${i18next.t("configuration.mapZoom")}</div>
-                        <span>${i18next.t("configuration.mapZoomDescription")}</span>
-                        <div class="input">
-                            <or-mwc-input .value="${map.zoom}" .type="${InputType.NUMBER}" .label="${i18next.t('default')}"
+            }}"></or-conf-map-geojson>
+                        </div>
+                    </div>
+
+                    <div class="zoom-group">
+                        <div class="subheader">${i18next.t("configuration.mapZoom")}</div>
+                        <span>${i18next.t("configuration.mapZoomDescription")}</span>
+                        <div class="input">
+                            <or-mwc-input .value="${map.zoom}" .type="${InputType.NUMBER}" .label="${i18next.t('default')}"
                                             @or-mwc-input-changed="${(e) => {
                 map.zoom = e.detail.value;
                 this.notifyConfigChange(map);
-            }}"
-                                            .step="${1}"></or-mwc-input>
-                            <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
-                                            @or-mwc-input-changed="${(e) => this.setZoom(map.zoom)}"
-                                            .step="${1}"></or-mwc-input>
-                        </div>
-                        <div class="input">
-                            <or-mwc-input .value="${map.minZoom}" .type="${InputType.NUMBER}"
-                                            .label="${i18next.t("configuration.minZoom")}"
-                                            max="${map.maxZoom}"
+            }}"
+                                            .step="${1}"></or-mwc-input>
+                            <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
+                                            @or-mwc-input-changed="${(e) => this.setZoom(map.zoom)}"
+                                            .step="${1}"></or-mwc-input>
+                        </div>
+                        <div class="input">
+                            <or-mwc-input .value="${map.minZoom}" .type="${InputType.NUMBER}"
+                                            .label="${i18next.t("configuration.minZoom")}"
+                                            max="${map.maxZoom}"
                                             @or-mwc-input-changed="${(e) => {
                 map.minZoom = e.detail.value;
                 this.requestUpdate();
                 this.notifyConfigChange(map);
-            }}"
-                                            .step="${1}"></or-mwc-input>
-                            <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
-                                            @or-mwc-input-changed="${(e) => this.setZoom(map.minZoom)}"
-                                            .step="${1}"></or-mwc-input>
-                        </div>
-                        <div class="input">
-                            <or-mwc-input .value="${map.maxZoom}" .type="${InputType.NUMBER}"
-                                            .label="${i18next.t("configuration.maxZoom")}"
-                                            min="${map.minZoom}"
+            }}"
+                                            .step="${1}"></or-mwc-input>
+                            <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
+                                            @or-mwc-input-changed="${(e) => this.setZoom(map.minZoom)}"
+                                            .step="${1}"></or-mwc-input>
+                        </div>
+                        <div class="input">
+                            <or-mwc-input .value="${map.maxZoom}" .type="${InputType.NUMBER}"
+                                            .label="${i18next.t("configuration.maxZoom")}"
+                                            min="${map.minZoom}"
                                             @or-mwc-input-changed="${(e) => {
                 map.maxZoom = e.detail.value;
                 this.requestUpdate("map");
                 this.notifyConfigChange(map);
-            }}"
-                                            .step="${1}"></or-mwc-input>
-                            <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
-                                            @or-mwc-input-changed="${(e) => this.setZoom(map.maxZoom)}"
-                                            .step="${1}"></or-mwc-input>
-                        </div>
-
-                        <div class="input" style="height: 56px;">
-                            <or-mwc-input .value="${map.boxZoom}" .type="${InputType.SWITCH}" label="BoxZoom"
+            }}"
+                                            .step="${1}"></or-mwc-input>
+                            <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
+                                            @or-mwc-input-changed="${(e) => this.setZoom(map.maxZoom)}"
+                                            .step="${1}"></or-mwc-input>
+                        </div>
+
+                        <div class="input" style="height: 56px;">
+                            <or-mwc-input .value="${map.boxZoom}" .type="${InputType.SWITCH}" label="BoxZoom"
                                             @or-mwc-input-changed="${(e) => {
                 map.boxZoom = e.detail.value;
                 this.notifyConfigChange(map);
-            }}"
-                                            .step="${1}"></or-mwc-input>
-                        </div>
-                    </div>
-                </div>
-
-                ${when(this.canRemove, () => html `
-                    <or-mwc-input outlined .type="${InputType.BUTTON}" id="remove-map"
-                                    label="configuration.deleteMapCustomization"
-                                    @click="${() => { this._showRemoveMapDialog(); }}"
-                    ></or-mwc-input>
-                `)}
+            }}"
+                                            .step="${1}"></or-mwc-input>
+                        </div>
+                    </div>
+                </div>
+
+                ${when(this.canRemove, () => html `
+                    <or-mwc-input outlined .type="${InputType.BUTTON}" id="remove-map"
+                                    label="configuration.deleteMapCustomization"
+                                    @click="${() => { this._showRemoveMapDialog(); }}"
+                    ></or-mwc-input>
+                `)}
         </div>`;
         });
     }
     render() {
-        return html `
-            <or-collapsible-panel .expanded="${this.expanded}" .lazycontent=${this.getMapContentTemplate(this.map)}>
-                <div slot="header" class="header-container">
-                    ${this.name}
-                </div>
-            </or-collapsible-panel>
+        return html `
+            <or-collapsible-panel .expanded="${this.expanded}" .lazycontent=${this.getMapContentTemplate(this.map)}>
+                <div slot="header" class="header-container">
+                    ${this.name}
+                </div>
+            </or-collapsible-panel>
         `;
     }
 };
-OrConfMapCard.styles = css `
-      or-collapsible-panel {
-        margin-bottom: 10px;
-      }
+OrConfMapCard.styles = css `
+      or-collapsible-panel {
+        margin-bottom: 10px;
+      }
     `;
 __decorate([
     property({ attribute: false })

package/lib/components/configuration/or-conf-map/or-conf-map-geojson.js

@@ -16,15 +16,15 @@ let OrConfMapGeoJson = class OrConfMapGeoJson extends LitElement {
     render() {
         var _a;
         const heading = "GeoJSON editor";
-        const content = html `
-            <or-ace-editor .value="${(_a = this.geoJson) === null || _a === void 0 ? void 0 : _a.source}"
+        const content = html `
+            <or-ace-editor .value="${(_a = this.geoJson) === null || _a === void 0 ? void 0 : _a.source}"
                            @or-ace-editor-changed="${(ev) => {
             this._jsonValid = ev.detail.valid;
             if (this._jsonValid) {
                 this._aceEditorValue = ev.detail.value;
             }
-        }}"
-            ></or-ace-editor>
+        }}"
+            ></or-ace-editor>
         `;
         const actions = [
             {
@@ -41,27 +41,27 @@ let OrConfMapGeoJson = class OrConfMapGeoJson extends LitElement {
                 }
             },
         ];
-        const styles = html `
-            <style>
-                .mdc-dialog__surface {
-                    width: 1024px;
-                    overflow-x: visible !important;
-                    overflow-y: visible !important;
-                }
-                #dialog-content {
-                    border-top-width: 1px;
-                    border-top-style: solid;
-                    border-bottom-width: 1px;
-                    border-bottom-style: solid;
-                    padding: 0;
-                    overflow: visible;
-                    height: 60vh;
-                }
-            </style>
+        const styles = html `
+            <style>
+                .mdc-dialog__surface {
+                    width: 1024px;
+                    overflow-x: visible !important;
+                    overflow-y: visible !important;
+                }
+                #dialog-content {
+                    border-top-width: 1px;
+                    border-top-style: solid;
+                    border-bottom-width: 1px;
+                    border-bottom-style: solid;
+                    padding: 0;
+                    overflow: visible;
+                    height: 60vh;
+                }
+            </style>
         `;
-        return html `
-            <or-mwc-input type="button" label="geoJson" outlined icon="pencil" @click="${() => { this.openJsonEditor(); }}"></or-mwc-input>
-            <or-mwc-dialog id="geojson-modal" .heading="${heading}" .content="${content}" .actions="${actions}" .styles="${styles}" .dismissAction="${null}"></or-mwc-dialog>
+        return html `
+            <or-mwc-input type="button" label="geoJson" outlined icon="pencil" @click="${() => { this.openJsonEditor(); }}"></or-mwc-input>
+            <or-mwc-dialog id="geojson-modal" .heading="${heading}" .content="${content}" .actions="${actions}" .styles="${styles}" .dismissAction="${null}"></or-mwc-dialog>
         `;
     }
     openJsonEditor() {