xv-webcomponents 1.22.6-qa.0 → 1.22.7-qa.0

package/dist/cjs/xv-accordion-v2_50.cjs.entry.js

@@ -82451,8 +82451,22 @@ const XvGeoMap = class {
     }
     pickSearchResult(result) {
         this.resetSearch();
-        // adds to the selection and flies there — exactly what "find this area" means here
-        void this.selectPostalCodes([result.code], true).catch(() => undefined);
+        // navigate only (QA, 28.08): finding an area means SHOWING it — selecting stays a
+        // deliberate click on the map. Applies to every level (PLZ, Landkreis, Bundesland).
+        void this.flyToUnit(result.code).catch(() => undefined);
+    }
+    /** Pan/zoom to a unit without touching the selection. */
+    async flyToUnit(code) {
+        var _a;
+        await this.ensureReady();
+        const res = await fetch(`${this.apiBase}/geo-units/${encodeURIComponent(this.level)}/lookup?resolution=${this.resolution}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ codes: [code] }),
+        });
+        if (!res.ok)
+            return; // search already found it; a failed lookup just means no jump
+        this.fitTo((_a = unwrap(await res.json())) !== null && _a !== void 0 ? _a : []);
     }
     /** A method call means the map is needed now — start loading even if it hasn't scrolled into view. */
     ensureReady() {
@@ -82493,7 +82507,7 @@ const XvGeoMap = class {
         this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '8393bdf29f0ac44635749d702c278cdbb619f4ac' }, index$1.h("div", { key: 'ef27303e9a69d582ee7ec25bd84da9d6095dcec9', class: "container" }, index$1.h("div", { key: '0deb697c20b721863aee6d83da5fe7826b133510', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (index$1.h("div", { key: '5f377f3fd746b77cdc94c33ceb6ff54a1bd7bc5e', class: "search" }, index$1.h("input", { key: '5a427450cc10ebcab663cef07116dfa70bbd5515', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (index$1.h("ul", { key: '747052bad537d9bd379801cda19758758afe91f7', class: "search-results" }, this.searchResults.map(r => (index$1.h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, index$1.h("strong", null, r.code), " ", r.name))))))), this.ready && this.zoomGated && (index$1.h("div", { key: '9629a8642ea8cc61d851fd16669427a015c2ee67', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: 'd5f5e8a2e31cb12c0107a45ea805c626f5a94804', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: 'f9c816a61a8177b54860e6c7b1015bfaec1cdadb', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: '51d9a5e36105fdcf4e61f12609ab5fc2e2d9c16a', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
+        return (index$1.h(index$1.Host, { key: '5e284532eaaf73fac04321672fd135a5fdfd1055' }, index$1.h("div", { key: 'b9334d39245fde17f998d0ad2557fe0a1fd09394', class: "container" }, index$1.h("div", { key: '8de6c78a3fb0907c9aac53f4543e3c0e85fbef73', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (index$1.h("div", { key: 'e65a447aa5fbebd4c95681c23ffa944d58d43c04', class: "search" }, index$1.h("input", { key: 'a33e4ccc1eaa2c8bd303126de72bcf0ce8a667ab', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (index$1.h("ul", { key: 'd1debbd7d31a7a2048b109ba2e29fa4362e8a1a0', class: "search-results" }, this.searchResults.map(r => (index$1.h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, this.level === 'plz5' ? (index$1.h("span", null, index$1.h("strong", null, r.code), " ", r.name)) : (index$1.h("span", null, r.name))))))))), this.ready && this.zoomGated && (index$1.h("div", { key: 'ba53e4d000970bcfc9a4d4f785c1b4b5a13f9c95', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (index$1.h("div", { key: 'c15cc4e8b46cb5caab132974c6752100b2265ff7', class: "skeleton", "aria-busy": "true" }, index$1.h("xv-loader-v2", { key: '95d7ffb0dc15a48d375b412f3f54914016e8c841', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && index$1.h("div", { key: 'fd46702e9cd1d5e9575c48a62634a300e9c1c717', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -83406,6 +83420,13 @@ const XvOverflowMenu = class {
         const button = (index$1.h("button", { class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled, "aria-haspopup": "menu", "aria-expanded": this.open ? 'true' : 'false', ref: (el) => (this.triggerButtonEl = el) }, index$1.h("slot", { name: "trigger" }, index$1.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, index$1.h("path", { d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" })))));
         return (index$1.h(index$1.Host, { class: "xv-overflow-menu", size: this.size }, this.tooltip ? index$1.h("xv-tooltip-v2", { message: this.tooltip }, button) : button, list));
     }
+    // Moving the host in the DOM — a framework reordering a list, say — disconnects and reconnects
+    // it, and the disconnect tears the anchor listener down. componentDidLoad does not run a second
+    // time, so without this the menu stays dead. Safe on the first mount: addEventListener discards
+    // a duplicate of the same handler, and setupAnchor is a no-op until anchor is set.
+    connectedCallback() {
+        this.setupAnchor();
+    }
     componentDidLoad() {
         this.setupAnchor();
         this.syncOpenState();

package/dist/collection/components/xv-geo-map/xv-geo-map.js

@@ -512,8 +512,22 @@ export class XvGeoMap {
     }
     pickSearchResult(result) {
         this.resetSearch();
-        // adds to the selection and flies there — exactly what "find this area" means here
-        void this.selectPostalCodes([result.code], true).catch(() => undefined);
+        // navigate only (QA, 28.08): finding an area means SHOWING it — selecting stays a
+        // deliberate click on the map. Applies to every level (PLZ, Landkreis, Bundesland).
+        void this.flyToUnit(result.code).catch(() => undefined);
+    }
+    /** Pan/zoom to a unit without touching the selection. */
+    async flyToUnit(code) {
+        var _a;
+        await this.ensureReady();
+        const res = await fetch(`${this.apiBase}/geo-units/${encodeURIComponent(this.level)}/lookup?resolution=${this.resolution}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ codes: [code] }),
+        });
+        if (!res.ok)
+            return; // search already found it; a failed lookup just means no jump
+        this.fitTo((_a = unwrap(await res.json())) !== null && _a !== void 0 ? _a : []);
     }
     /** A method call means the map is needed now — start loading even if it hasn't scrolled into view. */
     ensureReady() {
@@ -554,7 +568,7 @@ export class XvGeoMap {
         this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
     }
     render() {
-        return (h(Host, { key: '8393bdf29f0ac44635749d702c278cdbb619f4ac' }, h("div", { key: 'ef27303e9a69d582ee7ec25bd84da9d6095dcec9', class: "container" }, h("div", { key: '0deb697c20b721863aee6d83da5fe7826b133510', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: '5f377f3fd746b77cdc94c33ceb6ff54a1bd7bc5e', class: "search" }, h("input", { key: '5a427450cc10ebcab663cef07116dfa70bbd5515', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (h("ul", { key: '747052bad537d9bd379801cda19758758afe91f7', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, h("strong", null, r.code), " ", r.name))))))), this.ready && this.zoomGated && (h("div", { key: '9629a8642ea8cc61d851fd16669427a015c2ee67', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'd5f5e8a2e31cb12c0107a45ea805c626f5a94804', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: 'f9c816a61a8177b54860e6c7b1015bfaec1cdadb', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '51d9a5e36105fdcf4e61f12609ab5fc2e2d9c16a', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
+        return (h(Host, { key: '5e284532eaaf73fac04321672fd135a5fdfd1055' }, h("div", { key: 'b9334d39245fde17f998d0ad2557fe0a1fd09394', class: "container" }, h("div", { key: '8de6c78a3fb0907c9aac53f4543e3c0e85fbef73', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: 'e65a447aa5fbebd4c95681c23ffa944d58d43c04', class: "search" }, h("input", { key: 'a33e4ccc1eaa2c8bd303126de72bcf0ce8a667ab', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (h("ul", { key: 'd1debbd7d31a7a2048b109ba2e29fa4362e8a1a0', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, this.level === 'plz5' ? (h("span", null, h("strong", null, r.code), " ", r.name)) : (h("span", null, r.name))))))))), this.ready && this.zoomGated && (h("div", { key: 'ba53e4d000970bcfc9a4d4f785c1b4b5a13f9c95', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'c15cc4e8b46cb5caab132974c6752100b2265ff7', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '95d7ffb0dc15a48d375b412f3f54914016e8c841', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: 'fd46702e9cd1d5e9575c48a62634a300e9c1c717', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
     }
     static get is() { return "xv-geo-map-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xv-overflow-menu/xv-overflow-menu.js

@@ -278,6 +278,13 @@ export class XvOverflowMenu {
         const button = (h("button", { class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled, "aria-haspopup": "menu", "aria-expanded": this.open ? 'true' : 'false', ref: (el) => (this.triggerButtonEl = el) }, h("slot", { name: "trigger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" })))));
         return (h(Host, { class: "xv-overflow-menu", size: this.size }, this.tooltip ? h("xv-tooltip-v2", { message: this.tooltip }, button) : button, list));
     }
+    // Moving the host in the DOM — a framework reordering a list, say — disconnects and reconnects
+    // it, and the disconnect tears the anchor listener down. componentDidLoad does not run a second
+    // time, so without this the menu stays dead. Safe on the first mount: addEventListener discards
+    // a duplicate of the same handler, and setupAnchor is a no-op until anchor is set.
+    connectedCallback() {
+        this.setupAnchor();
+    }
     componentDidLoad() {
         this.setupAnchor();
         this.syncOpenState();

package/dist/esm/xv-accordion-v2_50.entry.js

@@ -82449,8 +82449,22 @@ const XvGeoMap = class {
     }
     pickSearchResult(result) {
         this.resetSearch();
-        // adds to the selection and flies there — exactly what "find this area" means here
-        void this.selectPostalCodes([result.code], true).catch(() => undefined);
+        // navigate only (QA, 28.08): finding an area means SHOWING it — selecting stays a
+        // deliberate click on the map. Applies to every level (PLZ, Landkreis, Bundesland).
+        void this.flyToUnit(result.code).catch(() => undefined);
+    }
+    /** Pan/zoom to a unit without touching the selection. */
+    async flyToUnit(code) {
+        var _a;
+        await this.ensureReady();
+        const res = await fetch(`${this.apiBase}/geo-units/${encodeURIComponent(this.level)}/lookup?resolution=${this.resolution}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ codes: [code] }),
+        });
+        if (!res.ok)
+            return; // search already found it; a failed lookup just means no jump
+        this.fitTo((_a = unwrap(await res.json())) !== null && _a !== void 0 ? _a : []);
     }
     /** A method call means the map is needed now — start loading even if it hasn't scrolled into view. */
     ensureReady() {
@@ -82491,7 +82505,7 @@ const XvGeoMap = class {
         this.map.fitBounds([[minX, minY], [maxX, maxY]], { padding: 48, maxZoom: 12, duration: 800 });
     }
     render() {
-        return (h(Host, { key: '8393bdf29f0ac44635749d702c278cdbb619f4ac' }, h("div", { key: 'ef27303e9a69d582ee7ec25bd84da9d6095dcec9', class: "container" }, h("div", { key: '0deb697c20b721863aee6d83da5fe7826b133510', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: '5f377f3fd746b77cdc94c33ceb6ff54a1bd7bc5e', class: "search" }, h("input", { key: '5a427450cc10ebcab663cef07116dfa70bbd5515', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (h("ul", { key: '747052bad537d9bd379801cda19758758afe91f7', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, h("strong", null, r.code), " ", r.name))))))), this.ready && this.zoomGated && (h("div", { key: '9629a8642ea8cc61d851fd16669427a015c2ee67', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'd5f5e8a2e31cb12c0107a45ea805c626f5a94804', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: 'f9c816a61a8177b54860e6c7b1015bfaec1cdadb', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: '51d9a5e36105fdcf4e61f12609ab5fc2e2d9c16a', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
+        return (h(Host, { key: '5e284532eaaf73fac04321672fd135a5fdfd1055' }, h("div", { key: 'b9334d39245fde17f998d0ad2557fe0a1fd09394', class: "container" }, h("div", { key: '8de6c78a3fb0907c9aac53f4543e3c0e85fbef73', class: "map", ref: el => (this.mapContainer = el) }), this.ready && this.showSearch && (h("div", { key: 'e65a447aa5fbebd4c95681c23ffa944d58d43c04', class: "search" }, h("input", { key: 'a33e4ccc1eaa2c8bd303126de72bcf0ce8a667ab', type: "search", placeholder: "Ort oder PLZ suchen", value: this.searchQuery, onInput: e => this.onSearchInput(e.target.value) }), this.searchResults.length > 0 && (h("ul", { key: 'd1debbd7d31a7a2048b109ba2e29fa4362e8a1a0', class: "search-results" }, this.searchResults.map(r => (h("li", { key: r.code, onClick: () => this.pickSearchResult(r) }, this.level === 'plz5' ? (h("span", null, h("strong", null, r.code), " ", r.name)) : (h("span", null, r.name))))))))), this.ready && this.zoomGated && (h("div", { key: 'ba53e4d000970bcfc9a4d4f785c1b4b5a13f9c95', class: "hint" }, "Reinzoomen, um PLZ-Gebiete zu laden")), !this.ready && !this.loadError && (h("div", { key: 'c15cc4e8b46cb5caab132974c6752100b2265ff7', class: "skeleton", "aria-busy": "true" }, h("xv-loader-v2", { key: '95d7ffb0dc15a48d375b412f3f54914016e8c841', variant: "vertical" }, "Karte wird geladen \u2026"))), this.loadError && h("div", { key: 'fd46702e9cd1d5e9575c48a62634a300e9c1c717', class: "skeleton error" }, "Karte konnte nicht geladen werden."))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -83404,6 +83418,13 @@ const XvOverflowMenu = class {
         const button = (h("button", { class: { btn: true, open: this.open }, onClick: this.onOpenToggle, disabled: this.disabled, "aria-haspopup": "menu", "aria-expanded": this.open ? 'true' : 'false', ref: (el) => (this.triggerButtonEl = el) }, h("slot", { name: "trigger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 128 512" }, h("path", { d: "M64 368a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm0-160a48 48 0 1 0 0 96 48 48 0 1 0 0-96zM112 96A48 48 0 1 0 16 96a48 48 0 1 0 96 0z" })))));
         return (h(Host, { class: "xv-overflow-menu", size: this.size }, this.tooltip ? h("xv-tooltip-v2", { message: this.tooltip }, button) : button, list));
     }
+    // Moving the host in the DOM — a framework reordering a list, say — disconnects and reconnects
+    // it, and the disconnect tears the anchor listener down. componentDidLoad does not run a second
+    // time, so without this the menu stays dead. Safe on the first mount: addEventListener discards
+    // a duplicate of the same handler, and setupAnchor is a no-op until anchor is set.
+    connectedCallback() {
+        this.setupAnchor();
+    }
     componentDidLoad() {
         this.setupAnchor();
         this.syncOpenState();

package/dist/types/components/xv-geo-map/xv-geo-map.d.ts

@@ -122,6 +122,8 @@ export declare class XvGeoMap {
     private onSearchInput;
     private resetSearch;
     private pickSearchResult;
+    /** Pan/zoom to a unit without touching the selection. */
+    private flyToUnit;
     /** A method call means the map is needed now — start loading even if it hasn't scrolled into view. */
     private ensureReady;
     private applySelection;

package/dist/types/components/xv-overflow-menu/xv-overflow-menu.d.ts

@@ -57,6 +57,7 @@ export declare class XvOverflowMenu {
     private initOpenState;
     private restoreFocus;
     render(): any;
+    connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
 }