xv-webcomponents 1.17.23-qa.0 → 1.17.27-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.
- package/dist/cjs/xv-accordion-v2_49.cjs.entry.js +12 -4
- package/dist/collection/components/xv-geo-map/xv-geo-map.js +12 -4
- package/dist/esm/xv-accordion-v2_49.entry.js +12 -4
- package/dist/types/components/xv-geo-map/xv-geo-map.d.ts +2 -0
- package/dist/xv-webcomponents/{p-88f9d79e.entry.js → p-aeb7d8f2.entry.js} +1 -1
- package/dist/xv-webcomponents/xv-webcomponents.esm.js +1 -1
- package/package.json +1 -1
|
@@ -81336,7 +81336,14 @@ const XvGeoMap = class {
|
|
|
81336
81336
|
this.renderUnits();
|
|
81337
81337
|
this.updateSelectedFilter();
|
|
81338
81338
|
this.emitSelection();
|
|
81339
|
-
|
|
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)
|
|
@@ -81569,12 +81576,13 @@ const XvGeoMap = class {
|
|
|
81569
81576
|
async emitSelection() {
|
|
81570
81577
|
var _a, _b, _c;
|
|
81571
81578
|
const postalCodes = [...this.selected.keys()];
|
|
81579
|
+
const names = [...this.selected.values()].map(u => { var _a; return (_a = u === null || u === void 0 ? void 0 : u.name) !== null && _a !== void 0 ? _a : ''; });
|
|
81572
81580
|
const unitIds = [...this.selected.values()].map(u => u.id);
|
|
81573
81581
|
const seq = ++this.popSeq;
|
|
81574
81582
|
// populations are already cached per PLZ (tooltips) — sum locally, emit instantly
|
|
81575
81583
|
if (postalCodes.every(c => this.populations.has(c))) {
|
|
81576
81584
|
const population = postalCodes.reduce((sum, c) => sum + this.populations.get(c), 0);
|
|
81577
|
-
const selection = { postalCodes, population: postalCodes.length ? population : null, unitIds };
|
|
81585
|
+
const selection = { postalCodes, names, population: postalCodes.length ? population : null, unitIds };
|
|
81578
81586
|
this.changeSelection.emit(selection);
|
|
81579
81587
|
return selection;
|
|
81580
81588
|
}
|
|
@@ -81594,7 +81602,7 @@ const XvGeoMap = class {
|
|
|
81594
81602
|
}
|
|
81595
81603
|
if (seq !== this.popSeq)
|
|
81596
81604
|
return null; // a newer selection superseded this one
|
|
81597
|
-
const selection = { postalCodes, population, unitIds };
|
|
81605
|
+
const selection = { postalCodes, names, population, unitIds };
|
|
81598
81606
|
this.changeSelection.emit(selection);
|
|
81599
81607
|
return selection;
|
|
81600
81608
|
}
|
|
@@ -81669,7 +81677,7 @@ const XvGeoMap = class {
|
|
|
81669
81677
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
81670
81678
|
}
|
|
81671
81679
|
render() {
|
|
81672
|
-
return (index$1.h(index$1.Host, { key: '
|
|
81680
|
+
return (index$1.h(index$1.Host, { key: '822a6f976073d9e8672b14747791f126a632a850' }, index$1.h("div", { key: 'c34d058f349bc8380e0cf3f0f96b2b0bbc039b06', class: "container" }, index$1.h("div", { key: '7b6c3b1e172319eefc995e02ab8651e8ecc5f8e1', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (index$1.h("div", { key: '967a4f2f067243d8ef6694c80285102c47c9838e', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: '8bb735a2144162a25332578426ec9017e32e067a', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: 'a67f78e06d7889f929b7410c54ce7f7227823e4d', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: '239722811a7b43834deb83f5bdb75358b055c3f5', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
81673
81681
|
}
|
|
81674
81682
|
get el() { return index$1.getElement(this); }
|
|
81675
81683
|
static get watchers() { return {
|
|
@@ -65,7 +65,14 @@ export class XvGeoMap {
|
|
|
65
65
|
this.renderUnits();
|
|
66
66
|
this.updateSelectedFilter();
|
|
67
67
|
this.emitSelection();
|
|
68
|
-
|
|
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)
|
|
@@ -298,12 +305,13 @@ export class XvGeoMap {
|
|
|
298
305
|
async emitSelection() {
|
|
299
306
|
var _a, _b, _c;
|
|
300
307
|
const postalCodes = [...this.selected.keys()];
|
|
308
|
+
const names = [...this.selected.values()].map(u => { var _a; return (_a = u === null || u === void 0 ? void 0 : u.name) !== null && _a !== void 0 ? _a : ''; });
|
|
301
309
|
const unitIds = [...this.selected.values()].map(u => u.id);
|
|
302
310
|
const seq = ++this.popSeq;
|
|
303
311
|
// populations are already cached per PLZ (tooltips) — sum locally, emit instantly
|
|
304
312
|
if (postalCodes.every(c => this.populations.has(c))) {
|
|
305
313
|
const population = postalCodes.reduce((sum, c) => sum + this.populations.get(c), 0);
|
|
306
|
-
const selection = { postalCodes, population: postalCodes.length ? population : null, unitIds };
|
|
314
|
+
const selection = { postalCodes, names, population: postalCodes.length ? population : null, unitIds };
|
|
307
315
|
this.changeSelection.emit(selection);
|
|
308
316
|
return selection;
|
|
309
317
|
}
|
|
@@ -323,7 +331,7 @@ export class XvGeoMap {
|
|
|
323
331
|
}
|
|
324
332
|
if (seq !== this.popSeq)
|
|
325
333
|
return null; // a newer selection superseded this one
|
|
326
|
-
const selection = { postalCodes, population, unitIds };
|
|
334
|
+
const selection = { postalCodes, names, population, unitIds };
|
|
327
335
|
this.changeSelection.emit(selection);
|
|
328
336
|
return selection;
|
|
329
337
|
}
|
|
@@ -398,7 +406,7 @@ export class XvGeoMap {
|
|
|
398
406
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
399
407
|
}
|
|
400
408
|
render() {
|
|
401
|
-
return (h(Host, { key: '
|
|
409
|
+
return (h(Host, { key: '822a6f976073d9e8672b14747791f126a632a850' }, h("div", { key: 'c34d058f349bc8380e0cf3f0f96b2b0bbc039b06', class: "container" }, h("div", { key: '7b6c3b1e172319eefc995e02ab8651e8ecc5f8e1', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (h("div", { key: '967a4f2f067243d8ef6694c80285102c47c9838e', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: '8bb735a2144162a25332578426ec9017e32e067a', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: 'a67f78e06d7889f929b7410c54ce7f7227823e4d', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '239722811a7b43834deb83f5bdb75358b055c3f5', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
402
410
|
}
|
|
403
411
|
static get is() { return "xv-geo-map-v2"; }
|
|
404
412
|
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
|
-
|
|
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)
|
|
@@ -81567,12 +81574,13 @@ const XvGeoMap = class {
|
|
|
81567
81574
|
async emitSelection() {
|
|
81568
81575
|
var _a, _b, _c;
|
|
81569
81576
|
const postalCodes = [...this.selected.keys()];
|
|
81577
|
+
const names = [...this.selected.values()].map(u => { var _a; return (_a = u === null || u === void 0 ? void 0 : u.name) !== null && _a !== void 0 ? _a : ''; });
|
|
81570
81578
|
const unitIds = [...this.selected.values()].map(u => u.id);
|
|
81571
81579
|
const seq = ++this.popSeq;
|
|
81572
81580
|
// populations are already cached per PLZ (tooltips) — sum locally, emit instantly
|
|
81573
81581
|
if (postalCodes.every(c => this.populations.has(c))) {
|
|
81574
81582
|
const population = postalCodes.reduce((sum, c) => sum + this.populations.get(c), 0);
|
|
81575
|
-
const selection = { postalCodes, population: postalCodes.length ? population : null, unitIds };
|
|
81583
|
+
const selection = { postalCodes, names, population: postalCodes.length ? population : null, unitIds };
|
|
81576
81584
|
this.changeSelection.emit(selection);
|
|
81577
81585
|
return selection;
|
|
81578
81586
|
}
|
|
@@ -81592,7 +81600,7 @@ const XvGeoMap = class {
|
|
|
81592
81600
|
}
|
|
81593
81601
|
if (seq !== this.popSeq)
|
|
81594
81602
|
return null; // a newer selection superseded this one
|
|
81595
|
-
const selection = { postalCodes, population, unitIds };
|
|
81603
|
+
const selection = { postalCodes, names, population, unitIds };
|
|
81596
81604
|
this.changeSelection.emit(selection);
|
|
81597
81605
|
return selection;
|
|
81598
81606
|
}
|
|
@@ -81667,7 +81675,7 @@ const XvGeoMap = class {
|
|
|
81667
81675
|
this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
|
|
81668
81676
|
}
|
|
81669
81677
|
render() {
|
|
81670
|
-
return (h(Host, { key: '
|
|
81678
|
+
return (h(Host, { key: '822a6f976073d9e8672b14747791f126a632a850' }, h("div", { key: 'c34d058f349bc8380e0cf3f0f96b2b0bbc039b06', class: "container" }, h("div", { key: '7b6c3b1e172319eefc995e02ab8651e8ecc5f8e1', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.zoomGated && (h("div", { key: '967a4f2f067243d8ef6694c80285102c47c9838e', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: '8bb735a2144162a25332578426ec9017e32e067a', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: 'a67f78e06d7889f929b7410c54ce7f7227823e4d', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '239722811a7b43834deb83f5bdb75358b055c3f5', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
|
|
81671
81679
|
}
|
|
81672
81680
|
get el() { return getElement(this); }
|
|
81673
81681
|
static get watchers() { return {
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
export interface GeoMapSelection {
|
|
3
3
|
postalCodes: string[];
|
|
4
|
+
/** display names aligned with postalCodes (e.g. Bundesland names) */
|
|
5
|
+
names: string[];
|
|
4
6
|
population: number | null;
|
|
5
7
|
unitIds: string[];
|
|
6
8
|
}
|