xv-webcomponents 1.17.23-qa.0 → 1.17.25-qa.0

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.
@@ -81336,7 +81336,14 @@ const XvGeoMap = class {
81336
81336
  this.renderUnits();
81337
81337
  this.updateSelectedFilter();
81338
81338
  this.emitSelection();
81339
- this.refreshUnits();
81339
+ // follow the mode with the camera: out to the overview for coarse levels,
81340
+ // in to selectable zoom for fine ones. Deferred so a select-zoom attribute
81341
+ // changing in the same render is already applied.
81342
+ setTimeout(() => {
81343
+ var _a;
81344
+ (_a = this.map) === null || _a === void 0 ? void 0 : _a.easeTo({ zoom: this.selectZoom + 0.5, duration: 800 });
81345
+ this.refreshUnits();
81346
+ }, 0);
81340
81347
  }
81341
81348
  selectZoomChanged() {
81342
81349
  if (!this.map)
@@ -81669,7 +81676,7 @@ const XvGeoMap = class {
81669
81676
  this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
81670
81677
  }
81671
81678
  render() {
81672
- return (index$1.h(index$1.Host, { key: '6bd69ae867e417237241e1daeac5beda132fdf89' }, index$1.h("div", { key: 'ac4cbc9665f9ba0ed46a93b8972e5c0e30778925', class: "container" }, index$1.h("div", { key: '6f9040011e1f8d043f5ee7fa10166b8044b3dcbb', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (index$1.h("div", { key: '47a8ed3b10dcbc233330eafe02626195ed352e21', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: '69fc4be49629ba861fa83a2e18714a6655aee533', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: '3cd629bcd7c3d8a19974cb442925dc003a65fd62', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: '40634a57dda41e9a3cab06cf342c5313f2fad26a', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
81679
+ return (index$1.h(index$1.Host, { key: '61229149683ca630df8e596e6c3b131649f86553' }, index$1.h("div", { key: '9b05c0b5ff3fba1cc6514c452596ae5bb5f16873', class: "container" }, index$1.h("div", { key: '802fa4025f9e024d804b2ed109cadbd068ebc5a3', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (index$1.h("div", { key: '09d1b50c338524057c2287b53296ea1077254636', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: '7cb3f9150753b0e4bb3cfa4fd382ee3e23fb5c8a', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: '3c1661d1cd5f5be16171ba5abadc18066812a2df', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: '7447c9198e50db0779ce6e347a2854d748f861a6', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
81673
81680
  }
81674
81681
  get el() { return index$1.getElement(this); }
81675
81682
  static get watchers() { return {
@@ -65,7 +65,14 @@ export class XvGeoMap {
65
65
  this.renderUnits();
66
66
  this.updateSelectedFilter();
67
67
  this.emitSelection();
68
- this.refreshUnits();
68
+ // follow the mode with the camera: out to the overview for coarse levels,
69
+ // in to selectable zoom for fine ones. Deferred so a select-zoom attribute
70
+ // changing in the same render is already applied.
71
+ setTimeout(() => {
72
+ var _a;
73
+ (_a = this.map) === null || _a === void 0 ? void 0 : _a.easeTo({ zoom: this.selectZoom + 0.5, duration: 800 });
74
+ this.refreshUnits();
75
+ }, 0);
69
76
  }
70
77
  selectZoomChanged() {
71
78
  if (!this.map)
@@ -398,7 +405,7 @@ export class XvGeoMap {
398
405
  this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
399
406
  }
400
407
  render() {
401
- return (h(Host, { key: '6bd69ae867e417237241e1daeac5beda132fdf89' }, h("div", { key: 'ac4cbc9665f9ba0ed46a93b8972e5c0e30778925', class: "container" }, h("div", { key: '6f9040011e1f8d043f5ee7fa10166b8044b3dcbb', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (h("div", { key: '47a8ed3b10dcbc233330eafe02626195ed352e21', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: '69fc4be49629ba861fa83a2e18714a6655aee533', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '3cd629bcd7c3d8a19974cb442925dc003a65fd62', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '40634a57dda41e9a3cab06cf342c5313f2fad26a', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
408
+ return (h(Host, { key: '61229149683ca630df8e596e6c3b131649f86553' }, h("div", { key: '9b05c0b5ff3fba1cc6514c452596ae5bb5f16873', class: "container" }, h("div", { key: '802fa4025f9e024d804b2ed109cadbd068ebc5a3', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (h("div", { key: '09d1b50c338524057c2287b53296ea1077254636', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: '7cb3f9150753b0e4bb3cfa4fd382ee3e23fb5c8a', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '3c1661d1cd5f5be16171ba5abadc18066812a2df', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '7447c9198e50db0779ce6e347a2854d748f861a6', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
402
409
  }
403
410
  static get is() { return "xv-geo-map-v2"; }
404
411
  static get encapsulation() { return "shadow"; }
@@ -81334,7 +81334,14 @@ const XvGeoMap = class {
81334
81334
  this.renderUnits();
81335
81335
  this.updateSelectedFilter();
81336
81336
  this.emitSelection();
81337
- this.refreshUnits();
81337
+ // follow the mode with the camera: out to the overview for coarse levels,
81338
+ // in to selectable zoom for fine ones. Deferred so a select-zoom attribute
81339
+ // changing in the same render is already applied.
81340
+ setTimeout(() => {
81341
+ var _a;
81342
+ (_a = this.map) === null || _a === void 0 ? void 0 : _a.easeTo({ zoom: this.selectZoom + 0.5, duration: 800 });
81343
+ this.refreshUnits();
81344
+ }, 0);
81338
81345
  }
81339
81346
  selectZoomChanged() {
81340
81347
  if (!this.map)
@@ -81667,7 +81674,7 @@ const XvGeoMap = class {
81667
81674
  this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
81668
81675
  }
81669
81676
  render() {
81670
- return (h(Host, { key: '6bd69ae867e417237241e1daeac5beda132fdf89' }, h("div", { key: 'ac4cbc9665f9ba0ed46a93b8972e5c0e30778925', class: "container" }, h("div", { key: '6f9040011e1f8d043f5ee7fa10166b8044b3dcbb', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (h("div", { key: '47a8ed3b10dcbc233330eafe02626195ed352e21', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: '69fc4be49629ba861fa83a2e18714a6655aee533', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '3cd629bcd7c3d8a19974cb442925dc003a65fd62', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '40634a57dda41e9a3cab06cf342c5313f2fad26a', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
81677
+ return (h(Host, { key: '61229149683ca630df8e596e6c3b131649f86553' }, h("div", { key: '9b05c0b5ff3fba1cc6514c452596ae5bb5f16873', class: "container" }, h("div", { key: '802fa4025f9e024d804b2ed109cadbd068ebc5a3', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (h("div", { key: '09d1b50c338524057c2287b53296ea1077254636', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: '7cb3f9150753b0e4bb3cfa4fd382ee3e23fb5c8a', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '3c1661d1cd5f5be16171ba5abadc18066812a2df', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '7447c9198e50db0779ce6e347a2854d748f861a6', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
81671
81678
  }
81672
81679
  get el() { return getElement(this); }
81673
81680
  static get watchers() { return {