@openremote/manager 1.8.0-snapshot.20250725120002 → 1.8.0-snapshot.20250728102340

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -70,19 +70,19 @@ let OrConfMapCard = class OrConfMapCard extends LitElement {
70
70
  showDialog(new OrMwcDialog()
71
71
  .setHeading(i18next.t("delete"))
72
72
  .setActions(dialogActions)
73
- .setContent(html `
74
- ${i18next.t("configuration.deleteMapCustomizationConfirm")}
73
+ .setContent(html `
74
+ ${i18next.t("configuration.deleteMapCustomizationConfirm")}
75
75
  `)
76
- .setStyles(html `
77
- <style>
78
- .mdc-dialog__surface {
79
- padding: 4px 8px;
80
- }
81
-
82
- #dialog-content {
83
- padding: 24px;
84
- }
85
- </style>
76
+ .setStyles(html `
77
+ <style>
78
+ .mdc-dialog__surface {
79
+ padding: 4px 8px;
80
+ }
81
+
82
+ #dialog-content {
83
+ padding: 24px;
84
+ }
85
+ </style>
86
86
  `)
87
87
  .setDismissAction(null));
88
88
  }
@@ -121,198 +121,198 @@ let OrConfMapCard = class OrConfMapCard extends LitElement {
121
121
  }
122
122
  getMapContentTemplate(map) {
123
123
  return __awaiter(this, void 0, void 0, function* () {
124
- return html `
125
- <style>
126
- #remove-map {
127
- margin: 12px 0 0 0;
128
- }
129
-
130
- .subheader {
131
- padding: 10px 0 4px;
132
- font-weight: bolder;
133
- }
134
-
135
- .d-inline-flex {
136
- display: inline-flex;
137
- }
138
-
139
- .panel-content {
140
- padding: 0 24px 24px;
141
- }
142
-
143
- .description {
144
- font-size: 12px;
145
- }
146
-
147
- .boundary-container {
148
- width: 50%;
149
- }
150
-
151
- .boundary-item, .input {
152
- width: 100%;
153
- max-width: 800px;
154
- padding: 10px 0;
155
- }
156
-
157
- .input or-mwc-input:not([icon]) {
158
- width: 80%;
159
- }
160
-
161
- .zoom-group {
162
- width: 50%;
163
- padding-left: 12px;
164
- }
165
-
166
- .map-container {
167
- width: 100%
168
- }
169
- .settings-container{
170
- display: inline-flex;
171
- }
172
-
173
- @media screen and (max-width: 768px) {
174
- .zoom-group, .boundary-container{
175
- width: 100%;
176
- padding: unset;
177
- }
178
- .settings-container{
179
- display: block;
180
- }
181
- }
182
- </style>
183
- <div slot="content" class="panel-content">
184
- <div class="map-container">
185
- <div class="subheader">${i18next.t("map")}</div>
186
- <or-map id="vectorMap" .showBoundaryBoxControl="${true}" .zoom="${this.zoom}"
187
- .boundary="${map.bounds}"
124
+ return html `
125
+ <style>
126
+ #remove-map {
127
+ margin: 12px 0 0 0;
128
+ }
129
+
130
+ .subheader {
131
+ padding: 10px 0 4px;
132
+ font-weight: bolder;
133
+ }
134
+
135
+ .d-inline-flex {
136
+ display: inline-flex;
137
+ }
138
+
139
+ .panel-content {
140
+ padding: 0 24px 24px;
141
+ }
142
+
143
+ .description {
144
+ font-size: 12px;
145
+ }
146
+
147
+ .boundary-container {
148
+ width: 50%;
149
+ }
150
+
151
+ .boundary-item, .input {
152
+ width: 100%;
153
+ max-width: 800px;
154
+ padding: 10px 0;
155
+ }
156
+
157
+ .input or-mwc-input:not([icon]) {
158
+ width: 80%;
159
+ }
160
+
161
+ .zoom-group {
162
+ width: 50%;
163
+ padding-left: 12px;
164
+ }
165
+
166
+ .map-container {
167
+ width: 100%
168
+ }
169
+ .settings-container{
170
+ display: inline-flex;
171
+ }
172
+
173
+ @media screen and (max-width: 768px) {
174
+ .zoom-group, .boundary-container{
175
+ width: 100%;
176
+ padding: unset;
177
+ }
178
+ .settings-container{
179
+ display: block;
180
+ }
181
+ }
182
+ </style>
183
+ <div slot="content" class="panel-content">
184
+ <div class="map-container">
185
+ <div class="subheader">${i18next.t("map")}</div>
186
+ <or-map id="vectorMap" .showBoundaryBoxControl="${true}" .zoom="${this.zoom}"
187
+ .boundary="${map.bounds}"
188
188
  @or-map-long-press="${(ev) => {
189
189
  this.setCenter(ev.detail.lngLat);
190
- }}" .showGeoCodingControl="${true}"
191
- .showGeoJson="${map.geoJson != undefined}"
192
- .geoJson="${map.geoJson}"
193
- .useZoomControl="${false}"
194
- style="height: 500px; width: 100%;">
195
- ${when(map.center, () => html `
196
- <or-map-marker id="geo-json-point-marker" .lng="${map.center[0]}" .lat="${map.center[1]}"></or-map-marker>
197
- `)}
198
- </or-map>
199
- </div>
200
-
201
- <div class="settings-container">
202
- <div class="boundary-container">
203
- <div class="subheader">${i18next.t("configuration.mapBounds")}</div>
204
- <span>${i18next.t("configuration.mapBoundsDescription")}</span>
205
- <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[3]}" .type="${InputType.NUMBER}" .label="${i18next.t("north")}"
206
- class="boundary-item"
207
- @or-mwc-input-changed="${(e) => this.setBoundary(3, e.detail.value)}"
208
- .step="${.01}"></or-mwc-input>
209
- <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[2]}" .type="${InputType.NUMBER}" .label="${i18next.t("east")}"
210
- class="boundary-item"
211
- @or-mwc-input-changed="${(e) => this.setBoundary(2, e.detail.value)}"
212
- .step="${.01}"></or-mwc-input>
213
- <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[1]}" .type="${InputType.NUMBER}" .label="${i18next.t("south")}"
214
- class="boundary-item"
215
- @or-mwc-input-changed="${(e) => this.setBoundary(1, e.detail.value)}"
216
- .step="${.01}"></or-mwc-input>
217
- <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[0]}" .type="${InputType.NUMBER}" .label="${i18next.t("west")}"
218
- class="boundary-item"
219
- @or-mwc-input-changed="${(e) => this.setBoundary(0, e.detail.value)}"
220
- .step="${.01}"></or-mwc-input>
221
- <div class="subheader">${i18next.t("configuration.center")}</div>
222
- <span>${i18next.t("configuration.centerDescription")}</span>
223
- <or-mwc-input .value="${Array.isArray(map.center) ? map.center.join() : undefined}"
224
- .type="${InputType.TEXT}" label="${i18next.t("configuration.center")}"
225
- class="boundary-item"
226
- @or-mwc-input-changed="${(e) => this.setCenter(e.detail.value)}"
227
- .step="${.01}"></or-mwc-input>
228
- <div class="subheader">${i18next.t("configuration.geoJson")}</div>
229
- <span>${i18next.t("configuration.geoJsonDescription")}</span>
230
- <div class="input" style="height: 56px; display: flex; align-items: center;">
190
+ }}" .showGeoCodingControl="${true}"
191
+ .showGeoJson="${map.geoJson != undefined}"
192
+ .geoJson="${map.geoJson}"
193
+ .useZoomControl="${false}"
194
+ style="height: 500px; width: 100%;">
195
+ ${when(map.center, () => html `
196
+ <or-map-marker id="geo-json-point-marker" .lng="${map.center[0]}" .lat="${map.center[1]}"></or-map-marker>
197
+ `)}
198
+ </or-map>
199
+ </div>
200
+
201
+ <div class="settings-container">
202
+ <div class="boundary-container">
203
+ <div class="subheader">${i18next.t("configuration.mapBounds")}</div>
204
+ <span>${i18next.t("configuration.mapBoundsDescription")}</span>
205
+ <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[3]}" .type="${InputType.NUMBER}" .label="${i18next.t("north")}"
206
+ class="boundary-item"
207
+ @or-mwc-input-changed="${(e) => this.setBoundary(3, e.detail.value)}"
208
+ .step="${.01}"></or-mwc-input>
209
+ <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[2]}" .type="${InputType.NUMBER}" .label="${i18next.t("east")}"
210
+ class="boundary-item"
211
+ @or-mwc-input-changed="${(e) => this.setBoundary(2, e.detail.value)}"
212
+ .step="${.01}"></or-mwc-input>
213
+ <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[1]}" .type="${InputType.NUMBER}" .label="${i18next.t("south")}"
214
+ class="boundary-item"
215
+ @or-mwc-input-changed="${(e) => this.setBoundary(1, e.detail.value)}"
216
+ .step="${.01}"></or-mwc-input>
217
+ <or-mwc-input .value="${map === null || map === void 0 ? void 0 : map.bounds[0]}" .type="${InputType.NUMBER}" .label="${i18next.t("west")}"
218
+ class="boundary-item"
219
+ @or-mwc-input-changed="${(e) => this.setBoundary(0, e.detail.value)}"
220
+ .step="${.01}"></or-mwc-input>
221
+ <div class="subheader">${i18next.t("configuration.center")}</div>
222
+ <span>${i18next.t("configuration.centerDescription")}</span>
223
+ <or-mwc-input .value="${Array.isArray(map.center) ? map.center.join() : undefined}"
224
+ .type="${InputType.TEXT}" label="${i18next.t("configuration.center")}"
225
+ class="boundary-item"
226
+ @or-mwc-input-changed="${(e) => this.setCenter(e.detail.value)}"
227
+ .step="${.01}"></or-mwc-input>
228
+ <div class="subheader">${i18next.t("configuration.geoJson")}</div>
229
+ <span>${i18next.t("configuration.geoJsonDescription")}</span>
230
+ <div class="input" style="height: 56px; display: flex; align-items: center;">
231
231
  <or-conf-map-geojson .geoJson="${map.geoJson}" @update="${(e) => {
232
232
  map.geoJson = e.detail.value;
233
233
  this.requestUpdate();
234
234
  this.notifyConfigChange(map);
235
- }}"></or-conf-map-geojson>
236
- </div>
237
- </div>
238
-
239
- <div class="zoom-group">
240
- <div class="subheader">${i18next.t("configuration.mapZoom")}</div>
241
- <span>${i18next.t("configuration.mapZoomDescription")}</span>
242
- <div class="input">
243
- <or-mwc-input .value="${map.zoom}" .type="${InputType.NUMBER}" .label="${i18next.t('default')}"
235
+ }}"></or-conf-map-geojson>
236
+ </div>
237
+ </div>
238
+
239
+ <div class="zoom-group">
240
+ <div class="subheader">${i18next.t("configuration.mapZoom")}</div>
241
+ <span>${i18next.t("configuration.mapZoomDescription")}</span>
242
+ <div class="input">
243
+ <or-mwc-input .value="${map.zoom}" .type="${InputType.NUMBER}" .label="${i18next.t('default')}"
244
244
  @or-mwc-input-changed="${(e) => {
245
245
  map.zoom = e.detail.value;
246
246
  this.notifyConfigChange(map);
247
- }}"
248
- .step="${1}"></or-mwc-input>
249
- <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
250
- @or-mwc-input-changed="${(e) => this.setZoom(map.zoom)}"
251
- .step="${1}"></or-mwc-input>
252
- </div>
253
- <div class="input">
254
- <or-mwc-input .value="${map.minZoom}" .type="${InputType.NUMBER}"
255
- .label="${i18next.t("configuration.minZoom")}"
256
- max="${map.maxZoom}"
247
+ }}"
248
+ .step="${1}"></or-mwc-input>
249
+ <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
250
+ @or-mwc-input-changed="${(e) => this.setZoom(map.zoom)}"
251
+ .step="${1}"></or-mwc-input>
252
+ </div>
253
+ <div class="input">
254
+ <or-mwc-input .value="${map.minZoom}" .type="${InputType.NUMBER}"
255
+ .label="${i18next.t("configuration.minZoom")}"
256
+ max="${map.maxZoom}"
257
257
  @or-mwc-input-changed="${(e) => {
258
258
  map.minZoom = e.detail.value;
259
259
  this.requestUpdate();
260
260
  this.notifyConfigChange(map);
261
- }}"
262
- .step="${1}"></or-mwc-input>
263
- <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
264
- @or-mwc-input-changed="${(e) => this.setZoom(map.minZoom)}"
265
- .step="${1}"></or-mwc-input>
266
- </div>
267
- <div class="input">
268
- <or-mwc-input .value="${map.maxZoom}" .type="${InputType.NUMBER}"
269
- .label="${i18next.t("configuration.maxZoom")}"
270
- min="${map.minZoom}"
261
+ }}"
262
+ .step="${1}"></or-mwc-input>
263
+ <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
264
+ @or-mwc-input-changed="${(e) => this.setZoom(map.minZoom)}"
265
+ .step="${1}"></or-mwc-input>
266
+ </div>
267
+ <div class="input">
268
+ <or-mwc-input .value="${map.maxZoom}" .type="${InputType.NUMBER}"
269
+ .label="${i18next.t("configuration.maxZoom")}"
270
+ min="${map.minZoom}"
271
271
  @or-mwc-input-changed="${(e) => {
272
272
  map.maxZoom = e.detail.value;
273
273
  this.requestUpdate("map");
274
274
  this.notifyConfigChange(map);
275
- }}"
276
- .step="${1}"></or-mwc-input>
277
- <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
278
- @or-mwc-input-changed="${(e) => this.setZoom(map.maxZoom)}"
279
- .step="${1}"></or-mwc-input>
280
- </div>
281
-
282
- <div class="input" style="height: 56px;">
283
- <or-mwc-input .value="${map.boxZoom}" .type="${InputType.SWITCH}" label="BoxZoom"
275
+ }}"
276
+ .step="${1}"></or-mwc-input>
277
+ <or-mwc-input .type="${InputType.BUTTON}" icon="eye"
278
+ @or-mwc-input-changed="${(e) => this.setZoom(map.maxZoom)}"
279
+ .step="${1}"></or-mwc-input>
280
+ </div>
281
+
282
+ <div class="input" style="height: 56px;">
283
+ <or-mwc-input .value="${map.boxZoom}" .type="${InputType.SWITCH}" label="BoxZoom"
284
284
  @or-mwc-input-changed="${(e) => {
285
285
  map.boxZoom = e.detail.value;
286
286
  this.notifyConfigChange(map);
287
- }}"
288
- .step="${1}"></or-mwc-input>
289
- </div>
290
- </div>
291
- </div>
292
-
293
- ${when(this.canRemove, () => html `
294
- <or-mwc-input outlined .type="${InputType.BUTTON}" id="remove-map"
295
- label="configuration.deleteMapCustomization"
296
- @click="${() => { this._showRemoveMapDialog(); }}"
297
- ></or-mwc-input>
298
- `)}
287
+ }}"
288
+ .step="${1}"></or-mwc-input>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ ${when(this.canRemove, () => html `
294
+ <or-mwc-input outlined .type="${InputType.BUTTON}" id="remove-map"
295
+ label="configuration.deleteMapCustomization"
296
+ @click="${() => { this._showRemoveMapDialog(); }}"
297
+ ></or-mwc-input>
298
+ `)}
299
299
  </div>`;
300
300
  });
301
301
  }
302
302
  render() {
303
- return html `
304
- <or-collapsible-panel .expanded="${this.expanded}" .lazycontent=${this.getMapContentTemplate(this.map)}>
305
- <div slot="header" class="header-container">
306
- ${this.name}
307
- </div>
308
- </or-collapsible-panel>
303
+ return html `
304
+ <or-collapsible-panel .expanded="${this.expanded}" .lazycontent=${this.getMapContentTemplate(this.map)}>
305
+ <div slot="header" class="header-container">
306
+ ${this.name}
307
+ </div>
308
+ </or-collapsible-panel>
309
309
  `;
310
310
  }
311
311
  };
312
- OrConfMapCard.styles = css `
313
- or-collapsible-panel {
314
- margin-bottom: 10px;
315
- }
312
+ OrConfMapCard.styles = css `
313
+ or-collapsible-panel {
314
+ margin-bottom: 10px;
315
+ }
316
316
  `;
317
317
  __decorate([
318
318
  property({ attribute: false })
@@ -16,15 +16,15 @@ let OrConfMapGeoJson = class OrConfMapGeoJson extends LitElement {
16
16
  render() {
17
17
  var _a;
18
18
  const heading = "GeoJSON editor";
19
- const content = html `
20
- <or-ace-editor .value="${(_a = this.geoJson) === null || _a === void 0 ? void 0 : _a.source}"
19
+ const content = html `
20
+ <or-ace-editor .value="${(_a = this.geoJson) === null || _a === void 0 ? void 0 : _a.source}"
21
21
  @or-ace-editor-changed="${(ev) => {
22
22
  this._jsonValid = ev.detail.valid;
23
23
  if (this._jsonValid) {
24
24
  this._aceEditorValue = ev.detail.value;
25
25
  }
26
- }}"
27
- ></or-ace-editor>
26
+ }}"
27
+ ></or-ace-editor>
28
28
  `;
29
29
  const actions = [
30
30
  {
@@ -41,27 +41,27 @@ let OrConfMapGeoJson = class OrConfMapGeoJson extends LitElement {
41
41
  }
42
42
  },
43
43
  ];
44
- const styles = html `
45
- <style>
46
- .mdc-dialog__surface {
47
- width: 1024px;
48
- overflow-x: visible !important;
49
- overflow-y: visible !important;
50
- }
51
- #dialog-content {
52
- border-top-width: 1px;
53
- border-top-style: solid;
54
- border-bottom-width: 1px;
55
- border-bottom-style: solid;
56
- padding: 0;
57
- overflow: visible;
58
- height: 60vh;
59
- }
60
- </style>
44
+ const styles = html `
45
+ <style>
46
+ .mdc-dialog__surface {
47
+ width: 1024px;
48
+ overflow-x: visible !important;
49
+ overflow-y: visible !important;
50
+ }
51
+ #dialog-content {
52
+ border-top-width: 1px;
53
+ border-top-style: solid;
54
+ border-bottom-width: 1px;
55
+ border-bottom-style: solid;
56
+ padding: 0;
57
+ overflow: visible;
58
+ height: 60vh;
59
+ }
60
+ </style>
61
61
  `;
62
- return html `
63
- <or-mwc-input type="button" label="geoJson" outlined icon="pencil" @click="${() => { this.openJsonEditor(); }}"></or-mwc-input>
64
- <or-mwc-dialog id="geojson-modal" .heading="${heading}" .content="${content}" .actions="${actions}" .styles="${styles}" .dismissAction="${null}"></or-mwc-dialog>
62
+ return html `
63
+ <or-mwc-input type="button" label="geoJson" outlined icon="pencil" @click="${() => { this.openJsonEditor(); }}"></or-mwc-input>
64
+ <or-mwc-dialog id="geojson-modal" .heading="${heading}" .content="${content}" .actions="${actions}" .styles="${styles}" .dismissAction="${null}"></or-mwc-dialog>
65
65
  `;
66
66
  }
67
67
  openJsonEditor() {