@oiz/stzh-components 3.4.0-beta1 → 3.4.0-beta2

package/dist/collection/components/stzh-geo-ref-data/stzh-geo-ref-data.js

@@ -1,10 +1,16 @@
-import { Fragment, h, Host, } from "@stencil/core";
+import { Fragment, h, Host } from "@stencil/core";
 import { Document } from "flexsearch/dist/flexsearch.bundle.min.js";
-import { addMediaChangeListener, media, removeMediaChangeListener, } from "../../utils/media-utils";
+import { addMediaChangeListener, media, removeMediaChangeListener } from "../../utils/media-utils";
+const CLASS_BODY_OPEN = "stzh-overlay-open";
+/**
+ * @slot logo - Slot for brand logo
+ */
 export class GeoRefData {
   constructor() {
+    this._availableTags = [];
     this.filterResults = [];
     this.handleOverlayCloseClick = () => {
+      document.body.classList.remove(CLASS_BODY_OPEN);
       this.isOpen = false;
     };
     this.handleResize = async () => {
@@ -21,7 +27,7 @@ export class GeoRefData {
     };
     this.handleFilterChange = async (e) => {
       if (e.detail.value.length !== 0) {
-        this.filterResults = this.combinedData.filter((item) => item.tags.some((tag) => e.detail.value.includes(tag)));
+        this.filterResults = this.combinedData.filter(item => item.tags && item.tags.some(tag => e.detail.value.includes(tag)));
         this.filterActive = true;
       }
       else {
@@ -29,7 +35,7 @@ export class GeoRefData {
       }
       await this.combineFilterAndSearchResults();
     };
-    this.handleExtentVisibilityChange = (e) => {
+    this.handleExtentVisibilityChange = e => {
       this.showOnlyResultsForCurrentExtent = e.detail.checked;
     };
     this.handleSearchChange = async (e) => {
@@ -38,7 +44,7 @@ export class GeoRefData {
           return;
         }
         const searchResults = this.searchIndex.search(e.detail.value);
-        const flatSearchResults = searchResults.flatMap((field) => field.result);
+        const flatSearchResults = searchResults.flatMap(field => field.result);
         this.searchResults = new Set(flatSearchResults);
         this.searchActive = true;
       }
@@ -61,6 +67,8 @@ export class GeoRefData {
     this.baseUrlOverride = "https://www.stadt-zuerich.ch";
     this.availableTags = [];
     this.resetTag = undefined;
+    this.searchIndexFields = ["title", "poiname", "street", "zip", "description"];
+    this.searchIndexIdField = "poiid";
     this.filterActive = false;
     this.searchActive = false;
     this.showOnlyResultsForCurrentExtent = true;
@@ -73,6 +81,40 @@ export class GeoRefData {
     this.isInitialized = undefined;
     this.isOpen = undefined;
     this.isLoading = undefined;
+    this.numberOfItemsToLoad = 20;
+    this.canLoadMore = undefined;
+  }
+  availableTagsWatcher(newValue) {
+    if (!newValue) {
+      this._availableTags = [];
+    }
+    else if (typeof newValue === "string") {
+      try {
+        this._availableTags = JSON.parse(newValue);
+      }
+      catch (e) {
+        this._availableTags = [];
+      }
+    }
+    else {
+      this._availableTags = newValue;
+    }
+  }
+  resetTagWatcher(newValue) {
+    if (!newValue) {
+      this._resetTag = undefined;
+    }
+    else if (typeof newValue === "string") {
+      try {
+        this._resetTag = JSON.parse(newValue);
+      }
+      catch (e) {
+        this._resetTag = undefined;
+      }
+    }
+    else {
+      this._resetTag = newValue;
+    }
   }
   async loadMapData() {
     if (!this.mapDataUrl) {
@@ -80,23 +122,16 @@ export class GeoRefData {
       return [];
     }
     try {
-      // TODO: add loader
       const response = await fetch(this.mapDataUrl);
       const rawMapData = await response.text();
-      // console.log('Raw Map data:', rawMapData);
       const parsedData = new DOMParser().parseFromString(rawMapData, "text/xml");
-      // console.log('Parsed Map data:', parsedData);
-      const items = Array.from(parsedData.querySelectorAll("featureMember")).map((item) => {
+      return Array.from(parsedData.querySelectorAll("featureMember")).map(item => {
         var _a, _b;
         const pos = (_a = item.querySelector("pos")) === null || _a === void 0 ? void 0 : _a.textContent;
         const poiid = (_b = item.querySelector("poi_id")) === null || _b === void 0 ? void 0 : _b.textContent;
         const [lat, lon] = (pos === null || pos === void 0 ? void 0 : pos.split(" ")) || [];
         return { poiid, lat, lon };
       });
-      // console.log('Loaded Map Data:', items);
-      // this.mapData = items;
-      // TODO: handle empty items
-      return items;
     }
     catch (error) {
       console.error("Error fetching map data:", error);
@@ -110,16 +145,12 @@ export class GeoRefData {
     }
     try {
       const response = await fetch(this.poiDataUrl, { credentials: "include" });
-      // console.log('Response:', response);
       const poiData = await response.json();
-      // console.log('POI data:', poiData);
-      // this.poiData = poiData.items;
-      // TODO: handle empty items
+      console.log("POI data:", poiData);
       return poiData.items;
     }
     catch (error) {
       console.error("Error fetching POI data:", error);
-      // TODO: add user error (toast)
     }
   }
   combineData(firstArray, secondArray) {
@@ -139,23 +170,40 @@ export class GeoRefData {
       largerArray = firstArray;
     }
     // combine arrays based on poiid
-    const combinedData = smallerArray
-      .map((item) => {
-      const matchingItem = largerArray.find((largerArrayItem) => largerArrayItem.poiid === item.poiid);
+    return smallerArray
+      .map(item => {
+      const matchingItem = largerArray.find(largerArrayItem => largerArrayItem.poiid === item.poiid);
       return Object.assign(Object.assign({}, item), matchingItem);
     })
       .sort((a, b) => {
-      return a.title.localeCompare(b.title); // Sorts alphabetically by the 'name' property
+      try {
+        return a.title.localeCompare(b.title); // Sorts alphabetically by the 'name' property
+      }
+      catch (noTitleException) {
+        return 1;
+      }
     });
-    console.log("Combined Data:", combinedData);
-    return combinedData;
   }
   enhanceTags(availableTags, combinedData) {
     return availableTags
-      .sort((a, b) => a.label.localeCompare(b.label))
-      .map((tag) => {
+      .sort((a, b) => {
+      try {
+        a.label.localeCompare(b.label);
+      }
+      catch (noLabelException) {
+        return 1;
+      }
+    })
+      .map(tag => {
       const counter = combinedData
-        .filter((item) => item.tags.includes(tag.value))
+        .filter(item => {
+        try {
+          return item.tags.includes(tag.value);
+        }
+        catch (noTagsException) {
+          return false;
+        }
+      })
         .length.toString();
       return Object.assign(Object.assign({}, tag), { counter, variant: "filter" });
     });
@@ -173,11 +221,11 @@ export class GeoRefData {
         "[éè]": "e",
       },
       document: {
-        id: "poiid",
-        index: ["title", "street", "zip", "description"], //TODO: move to props so that backend can define
+        id: this.searchIndexIdField,
+        index: this.searchIndexFields,
       },
     });
-    data.forEach((item) => {
+    data.forEach(item => {
       this.searchIndex.add(item);
     });
   }
@@ -192,6 +240,8 @@ export class GeoRefData {
     addMediaChangeListener(this.mediaChangeHandler);
     this.resizeObserver = new ResizeObserver(this.handleResize);
     this.resizeObserver.observe(this.element);
+    this.availableTagsWatcher(this.availableTags);
+    this.resetTagWatcher(this.resetTag);
   }
   disconnectedCallback() {
     removeMediaChangeListener(this.mediaChangeHandler);
@@ -200,18 +250,20 @@ export class GeoRefData {
     }
   }
   async initializeAndOpenMap() {
+    document.body.classList.add(CLASS_BODY_OPEN);
     this.isLoading = true;
     this.isOpen = true;
     try {
       this.combinedData = this.combineData(await this.loadMapData(), await this.loadPoiData());
-      this.enhancedTags = this.enhanceTags(this.availableTags, this.combinedData);
+      this.enhancedTags = this.enhanceTags(this._availableTags, this.combinedData);
       this.buildSearchIndex(this.combinedData);
-      const enhancedResetTag = Object.assign(Object.assign({}, this.resetTag), { counter: this.combinedData.length.toString() });
-      if (this.resetTag) {
+      const enhancedResetTag = Object.assign(Object.assign({}, this._resetTag), { counter: this.combinedData.length.toString() });
+      if (this._resetTag) {
         this.enhancedTags.unshift(enhancedResetTag);
       }
       this.finalResults = this.combinedData;
-      this.finalResultsPaginatedList = this.finalResults.slice(0, 20);
+      this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);
+      this.canLoadMore = this.finalResults.length > this.numberOfItemsToLoad;
       await this.combineFilterAndSearchResults();
       await this.handleResize();
       await this.mapElement.updateViewToFitMarkers();
@@ -230,20 +282,24 @@ export class GeoRefData {
       this.finalResults = this.filterResults;
     }
     else if (!this.filterActive && this.searchActive) {
-      this.finalResults = Array.from(this.searchResults).map((poiid) => this.combinedData.find((item) => item.poiid === poiid));
+      this.finalResults = Array.from(this.searchResults).map(id => this.combinedData.find(item => item.poiid === id));
     }
     else if (this.filterActive && this.searchActive) {
-      this.finalResults = this.filterResults.filter((item) => this.searchResults.has(item.poiid));
+      this.finalResults = this.filterResults.filter(item => this.searchResults.has(item.poiid));
     }
     else {
       this.finalResults = this.combinedData;
     }
-    this.finalResultsPaginatedList = this.finalResults.slice(0, 20);
+    this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);
     await this.replaceMapMarkers(this.finalResults);
   }
   loadMore() {
     this.finalResultsPaginationOffset++;
-    this.finalResultsPaginatedList = this.finalResultsPaginatedList.concat(this.finalResults.slice(this.finalResultsPaginationOffset * 20, this.finalResultsPaginationOffset * 20 + 20));
+    const sliced = this.finalResults.slice(this.finalResultsPaginationOffset * this.numberOfItemsToLoad, this.finalResultsPaginationOffset * this.numberOfItemsToLoad + this.numberOfItemsToLoad);
+    if (!sliced || !sliced.length || sliced.length < this.numberOfItemsToLoad) {
+      this.canLoadMore = false;
+    }
+    this.finalResultsPaginatedList = this.finalResultsPaginatedList.concat(sliced);
   }
   // private async handleExtendVisibility() {
   //   if (this.showOnlyResultsForCurrentExtent) {
@@ -254,8 +310,8 @@ export class GeoRefData {
   async replaceMapMarkers(items) {
     await this.mapElement.removeAllIconMarkers();
     items
-      .filter((item) => !!item.lat && !!item.lon)
-      .forEach((item) => {
+      .filter(item => !!item.lat && !!item.lon)
+      .forEach(item => {
       this.mapElement
         .addIconMarker([parseFloat(item.lat), parseFloat(item.lon)], {
         id: item.poiid,
@@ -290,9 +346,9 @@ export class GeoRefData {
       "stzh-geo-ref-data--is-loading": this.isLoading,
       "stzh-geo-ref-data--is-open": this.isOpen,
     };
-    return (h(Host, null, h("div", { class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { name: "trigger" })), h("stzh-overlay", { open: this.isLoading }, h("stzh-loader", { label: "Daten werden geladen..." })), h("div", { class: classes }, h("div", { class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { "hide-metabar": true }, h("img", { slot: "logo", src: "media/logo/stzh-default.svg", alt: "Logo City Z\u00FCrich, go to homepage" })), h("div", { class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { class: "stzh-geo-ref-data__content" }, h("div", { class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: (el) => (this.metaWrapperElement = el) }, h("div", { class: "stzh-geo-ref-data__filters" }, h("div", { class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering" })), h("div", { class: "stzh-geo-ref-data__filters-content" }, h("stzh-chipselect", { "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: [""] }))), h("div", { class: "stzh-geo-ref-data__search" }, h("stzh-input", { size: "small", name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { class: "stzh-geo-ref-data__results-wrapper" }, h("div", { class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { class: "stzh-geo-ref-data__ol-map", centerMarker: false, ref: (el) => (this.mapElement = el) }), h("div", { class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { label: "Treffer an Kartenaussicht anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: (el) => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, null, h("stzh-text", { class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map((item) => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && (h("stzh-text", { size: "micro" }, item.description)), item.data &&
+    return (h(Host, null, h("div", { class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { name: "trigger" })), h("stzh-overlay", { open: this.isLoading }, h("stzh-loader", { label: "Daten werden geladen..." })), h("div", { class: classes }, h("div", { class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { "hide-metabar": true, sticky: "disabled" }, h("slot", { name: "logo", slot: "logo" })), h("div", { class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { class: "stzh-geo-ref-data__content" }, h("div", { class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { class: "stzh-geo-ref-data__filters" }, h("div", { class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering" })), h("div", { class: "stzh-geo-ref-data__filters-content" }, h("stzh-chipselect", { "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: [""] }))), h("div", { class: "stzh-geo-ref-data__search" }, h("stzh-input", { size: "small", name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { class: "stzh-geo-ref-data__results-wrapper" }, h("div", { class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { class: "stzh-geo-ref-data__ol-map", centerMarker: false, ref: el => (this.mapElement = el) }), h("div", { class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { label: "Treffer an Kartenaussicht anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, null, h("stzh-text", { class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
       item.data.length > 0 &&
-      item.data.map((item) => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), h("div", { class: "stzh-poi-teaser-image" }, h("stzh-ratio", { ratio: "1:1" }), h("div", { class: "stzh-poi-teaser-image-inner" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname }))))))), h("div", { class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { onStzhClick: () => this.loadMore() }, "Weitere laden"))))))))));
+      item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), h("div", { class: "stzh-poi-teaser-image" }, h("stzh-ratio", { ratio: "1:1" }), h("div", { class: "stzh-poi-teaser-image-inner" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname }))))))), this.canLoadMore && (h("div", { class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
   }
   static get is() { return "stzh-geo-ref-data"; }
   static get encapsulation() { return "shadow"; }
@@ -381,11 +437,11 @@ export class GeoRefData {
         "defaultValue": "\"https://www.stadt-zuerich.ch\""
       },
       "availableTags": {
-        "type": "unknown",
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "StzhAvailableTag[]",
-          "resolved": "StzhAvailableTag[]",
+          "original": "StzhAvailableTag[] | string",
+          "resolved": "StzhAvailableTag[] | string",
           "references": {
             "StzhAvailableTag": {
               "location": "import",
@@ -400,14 +456,16 @@ export class GeoRefData {
           "tags": [],
           "text": "To make sure all tags are mapped to their identificator, only these will be available."
         },
+        "attribute": "available-tags",
+        "reflect": false,
         "defaultValue": "[]"
       },
       "resetTag": {
-        "type": "unknown",
+        "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "StzhChipselectItem",
-          "resolved": "{ label: string; value: string; disabled?: boolean; variant?: StzhChipVariant; type?: StzhChipType; inverted?: boolean; counter?: string; icon?: string; size?: StzhChipSize; }",
+          "original": "StzhChipselectItem | string",
+          "resolved": "string | { label: string; value: string; disabled?: boolean; variant?: StzhChipVariant; type?: StzhChipType; inverted?: boolean; counter?: string; icon?: string; size?: StzhChipSize; }",
           "references": {
             "StzhChipselectItem": {
               "location": "import",
@@ -420,8 +478,44 @@ export class GeoRefData {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": ""
-        }
+          "text": "Reset tag (the first one)."
+        },
+        "attribute": "reset-tag",
+        "reflect": false
+      },
+      "searchIndexFields": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Fields for building the search index."
+        },
+        "defaultValue": "[\"title\", \"poiname\", \"street\", \"zip\", \"description\"]"
+      },
+      "searchIndexIdField": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Fields for building the search index."
+        },
+        "attribute": "search-index-id-field",
+        "reflect": false,
+        "defaultValue": "\"poiid\""
       }
     };
   }
@@ -438,7 +532,9 @@ export class GeoRefData {
       "isViewportMedium": {},
       "isInitialized": {},
       "isOpen": {},
-      "isLoading": {}
+      "isLoading": {},
+      "numberOfItemsToLoad": {},
+      "canLoadMore": {}
     };
   }
   static get events() {
@@ -466,6 +562,15 @@ export class GeoRefData {
       }];
   }
   static get elementRef() { return "element"; }
+  static get watchers() {
+    return [{
+        "propName": "availableTags",
+        "methodName": "availableTagsWatcher"
+      }, {
+        "propName": "resetTag",
+        "methodName": "resetTagWatcher"
+      }];
+  }
   static get listeners() {
     return [{
         "name": "stzhMovePanZoom",

package/dist/collection/components/stzh-geo-ref-data/stzh-geo-ref-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-geo-ref-data.js","sourceRoot":"","sources":["../../../../src/components/stzh-geo-ref-data/stzh-geo-ref-data.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n} from \"@stencil/core\";\nimport {\n  StzhAvailableTag,\n  StzhChipselectChangeEvent,\n  StzhChipselectItem,\n  StzhCombinedGeoRefData,\n  StzhGeoRefDataOverlayCloseClickEvent,\n  StzhMapGeoRefData,\n  StzhPoiGeoRefData,\n} from \"../../index\";\nimport { Document } from \"flexsearch/dist/flexsearch.bundle.min.js\";\nimport {\n  addMediaChangeListener,\n  media,\n  removeMediaChangeListener,\n} from \"../../utils/media-utils\";\n\n@Component({\n  tag: \"stzh-geo-ref-data\",\n  styleUrl: \"stzh-geo-ref-data.scss\",\n  shadow: true,\n})\nexport class GeoRefData {\n  /** Heading for the overlay. */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** The URL for fetching the card data */\n  @Prop({ reflect: true }) mapDataUrl: string = \"\";\n\n  /** The URL used for fetching the POI data. */\n  @Prop({ reflect: true }) poiDataUrl: string = \"\";\n\n  /** Base URL used for all external requests (map, card). */\n  @Prop() baseUrlOverride: string = \"https://www.stadt-zuerich.ch\";\n\n  /** To make sure all tags are mapped to their identificator, only these will be available. */\n  @Prop() availableTags: StzhAvailableTag[] = [];\n\n  @Prop() resetTag: StzhChipselectItem;\n\n  @State() filterActive: boolean = false;\n  @State() searchActive: boolean = false;\n  @State() showOnlyResultsForCurrentExtent: boolean = true;\n  @State() finalResults: StzhCombinedGeoRefData[] = [];\n  @State() finalResultsPaginatedList: StzhCombinedGeoRefData[] = [];\n  @State() finalResultsPaginationOffset = 0;\n\n  @State() viewmode: \"map\" | \"list\" = \"map\";\n  @State() isViewportLarge: boolean;\n  @State() isViewportMedium: boolean;\n  @State() isInitialized: boolean;\n  @State() isOpen: boolean;\n  @State() isLoading: boolean;\n\n  /** Overlay close click event */\n  @Event()\n  stzhOverlayCloseClick: EventEmitter<StzhGeoRefDataOverlayCloseClickEvent>;\n\n  private combinedData: StzhCombinedGeoRefData[];\n  private enhancedTags: StzhChipselectItem[];\n  private searchIndex: Document;\n\n  private filterResults: StzhCombinedGeoRefData[] = [];\n  private searchResults: Set<string>;\n\n  @Element() element: HTMLStzhGeoRefDataElement;\n  private mapElement: HTMLStzhOlmapElement;\n  private metaWrapperElement: HTMLDivElement;\n  private resultsListElement: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  private handleOverlayCloseClick = () => {\n    this.isOpen = false;\n  };\n\n  private handleResize = async () => {\n    if (this.metaWrapperElement && this.metaWrapperElement.clientHeight) {\n      this.mapElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n      this.resultsListElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n      const map = await this.mapElement.getMap();\n      map.updateSize();\n    }\n  };\n\n  private mediaChangeHandler = () => {\n    this.isViewportLarge = media(\"large\").matches;\n    this.isViewportMedium = media(\"medium\").matches;\n  };\n\n  private async loadMapData(): Promise<StzhMapGeoRefData[]> {\n    if (!this.mapDataUrl) {\n      console.log(\"No map data URL provided\");\n      return [];\n    }\n    try {\n      // TODO: add loader\n      const response = await fetch(this.mapDataUrl);\n      const rawMapData = await response.text();\n      // console.log('Raw Map data:', rawMapData);\n      const parsedData = new DOMParser().parseFromString(\n        rawMapData,\n        \"text/xml\"\n      );\n      // console.log('Parsed Map data:', parsedData);\n\n      const items = Array.from(\n        parsedData.querySelectorAll(\"featureMember\")\n      ).map((item) => {\n        const pos = item.querySelector(\"pos\")?.textContent;\n        const poiid = item.querySelector(\"poi_id\")?.textContent;\n        const [lat, lon] = pos?.split(\" \") || [];\n\n        return { poiid, lat, lon } as StzhMapGeoRefData;\n      });\n\n      // console.log('Loaded Map Data:', items);\n      // this.mapData = items;\n      // TODO: handle empty items\n      return items;\n    } catch (error) {\n      console.error(\"Error fetching map data:\", error);\n      // TODO: add user error (toast)\n    }\n  }\n\n  private async loadPoiData() {\n    if (!this.poiDataUrl) {\n      console.error(\"No POI data URL provided\");\n      return [];\n    }\n    try {\n      const response = await fetch(this.poiDataUrl, { credentials: \"include\" });\n      // console.log('Response:', response);\n\n      const poiData = await response.json();\n      // console.log('POI data:', poiData);\n      // this.poiData = poiData.items;\n      // TODO: handle empty items\n      return poiData.items;\n    } catch (error) {\n      console.error(\"Error fetching POI data:\", error);\n      // TODO: add user error (toast)\n    }\n  }\n\n  private combineData(\n    firstArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[],\n    secondArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[]\n  ): StzhCombinedGeoRefData[] {\n    if (!firstArray.length || !secondArray.length) {\n      console.error(\"Missing data to combine\");\n      return [];\n    }\n    // determine which array is smaller for performance\n    let smallerArray: any[];\n    let largerArray: any[];\n\n    if (firstArray.length < secondArray.length) {\n      smallerArray = firstArray;\n      largerArray = secondArray;\n    } else {\n      smallerArray = secondArray;\n      largerArray = firstArray;\n    }\n    // combine arrays based on poiid\n    const combinedData = smallerArray\n      .map((item) => {\n        const matchingItem = largerArray.find(\n          (largerArrayItem) => largerArrayItem.poiid === item.poiid\n        );\n        return { ...item, ...matchingItem };\n      })\n      .sort((a, b) => {\n        return a.title.localeCompare(b.title); // Sorts alphabetically by the 'name' property\n      });\n    console.log(\"Combined Data:\", combinedData);\n    return combinedData;\n  }\n\n  private enhanceTags(\n    availableTags: StzhAvailableTag[],\n    combinedData: StzhCombinedGeoRefData[]\n  ): StzhChipselectItem[] {\n    return availableTags\n      .sort((a, b) => a.label.localeCompare(b.label))\n      .map((tag) => {\n        const counter = combinedData\n          .filter((item) => item.tags.includes(tag.value))\n          .length.toString();\n        return { ...tag, counter, variant: \"filter\" };\n      });\n  }\n\n  private buildSearchIndex(data: StzhCombinedGeoRefData[]) {\n    if (!data.length) {\n      return;\n    }\n    this.searchIndex = new Document({\n      tokenize: \"forward\",\n      matcher: {\n        \"[äà]\": \"a\",\n        \"[öó]\": \"o\",\n        \"[üûúù]\": \"u\",\n        \"[éè]\": \"e\",\n      },\n      document: {\n        id: \"poiid\", // TODO: move to props so that backend can define\n        index: [\"title\", \"street\", \"zip\", \"description\"], //TODO: move to props so that backend can define\n      },\n    });\n    data.forEach((item) => {\n      this.searchIndex.add(item);\n    });\n  }\n\n  @Listen(\"stzhMovePanZoom\")\n  async mapMovedPannedOrZoomed() {\n    if (this.showOnlyResultsForCurrentExtent) {\n      const visibleMarkers = await this.mapElement.getVisibleMarkers();\n      console.log(\"visibleMarkers\", visibleMarkers);\n    }\n  }\n\n  connectedCallback() {\n    this.mediaChangeHandler();\n    addMediaChangeListener(this.mediaChangeHandler);\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  private async initializeAndOpenMap() {\n    this.isLoading = true;\n    this.isOpen = true;\n\n    try {\n      this.combinedData = this.combineData(\n        await this.loadMapData(),\n        await this.loadPoiData()\n      );\n      this.enhancedTags = this.enhanceTags(\n        this.availableTags,\n        this.combinedData\n      );\n      this.buildSearchIndex(this.combinedData);\n      const enhancedResetTag = {\n        ...this.resetTag,\n        counter: this.combinedData.length.toString(),\n      };\n      if (this.resetTag) {\n        this.enhancedTags.unshift(enhancedResetTag);\n      }\n      this.finalResults = this.combinedData;\n      this.finalResultsPaginatedList = this.finalResults.slice(0, 20);\n      await this.combineFilterAndSearchResults();\n      await this.handleResize();\n      await this.mapElement.updateViewToFitMarkers();\n      await this.handleResize();\n      this.isInitialized = true;\n    } catch (mapException) {\n      console.error(\"mapException\", mapException);\n    }\n\n    setTimeout(() => {\n      this.isLoading = false;\n    }, 500);\n  }\n\n  private handleFilterChange = async (\n    e: CustomEvent<StzhChipselectChangeEvent>\n  ) => {\n    if (e.detail.value.length !== 0) {\n      this.filterResults = this.combinedData.filter((item) =>\n        item.tags.some((tag) => e.detail.value.includes(tag))\n      );\n      this.filterActive = true;\n    } else {\n      this.filterActive = false;\n    }\n    await this.combineFilterAndSearchResults();\n  };\n\n  private handleExtentVisibilityChange = (e) => {\n    this.showOnlyResultsForCurrentExtent = e.detail.checked;\n  };\n\n  private handleSearchChange = async (e: CustomEvent) => {\n    if (e.detail.value !== \"\") {\n      if (!this.searchIndex) {\n        return;\n      }\n      const searchResults = this.searchIndex.search(e.detail.value);\n      const flatSearchResults = searchResults.flatMap((field) => field.result);\n      this.searchResults = new Set(flatSearchResults);\n      this.searchActive = true;\n    } else {\n      this.searchActive = false;\n    }\n    await this.combineFilterAndSearchResults();\n  };\n\n  private async combineFilterAndSearchResults() {\n    if (this.filterActive && !this.searchActive) {\n      this.finalResults = this.filterResults;\n    } else if (!this.filterActive && this.searchActive) {\n      this.finalResults = Array.from(this.searchResults).map((poiid) =>\n        this.combinedData.find((item) => item.poiid === poiid)\n      );\n    } else if (this.filterActive && this.searchActive) {\n      this.finalResults = this.filterResults.filter((item) =>\n        this.searchResults.has(item.poiid)\n      );\n    } else {\n      this.finalResults = this.combinedData;\n    }\n\n    this.finalResultsPaginatedList = this.finalResults.slice(0, 20);\n\n    await this.replaceMapMarkers(this.finalResults);\n  }\n\n  private loadMore() {\n    this.finalResultsPaginationOffset++;\n    this.finalResultsPaginatedList = this.finalResultsPaginatedList.concat(\n      this.finalResults.slice(\n        this.finalResultsPaginationOffset * 20,\n        this.finalResultsPaginationOffset * 20 + 20\n      )\n    );\n  }\n\n  // private async handleExtendVisibility() {\n  //   if (this.showOnlyResultsForCurrentExtent) {\n  //     const visibleMarkers = await this.mapElement.getVisibleMarkers();\n  //     console.log(\"visibleMarkers\", visibleMarkers);\n  //   }\n  // }\n\n  private async replaceMapMarkers(items: StzhCombinedGeoRefData[]) {\n    await this.mapElement.removeAllIconMarkers();\n    items\n      .filter((item) => !!item.lat && !!item.lon)\n      .forEach((item) => {\n        this.mapElement\n          .addIconMarker([parseFloat(item.lat), parseFloat(item.lon)], {\n            id: item.poiid,\n            title: item.title,\n            text: item.description,\n            data: item.data,\n            imageUri: `${this.baseUrlOverride}${item.image}`,\n            href: `${this.baseUrlOverride}${item.path}`,\n          })\n          .catch();\n      });\n    if (!this.showOnlyResultsForCurrentExtent) {\n      this.mapElement.updateViewToFitMarkers().catch();\n    }\n  }\n\n  private toggleViewMode = () => {\n    if (this.viewmode === \"map\") {\n      this.viewmode = \"list\";\n    } else {\n      this.viewmode = \"map\";\n    }\n  };\n\n  private async handlePoiTeaserMouseEnter(item: StzhCombinedGeoRefData) {\n    const marker = await this.mapElement.findMarkerById(item.poiid);\n    if (marker) {\n      await this.mapElement.setIconMarkerActive(marker);\n    }\n  }\n\n  private async handlePoiTeaserMouseLeave(item: StzhCombinedGeoRefData) {\n    const marker = await this.mapElement.findMarkerById(item.poiid);\n    if (marker) {\n      await this.mapElement.setIconMarkerInactive(marker);\n    }\n  }\n\n  // render chipselect\n\n  render() {\n    const classes = {\n      \"stzh-geo-ref-data\": true,\n      \"stzh-geo-ref-data--is-loading\": this.isLoading,\n      \"stzh-geo-ref-data--is-open\": this.isOpen,\n    };\n    return (\n      <Host>\n        <div\n          class=\"stzh-geo-ref-data__trigger\"\n          onClick={() => this.initializeAndOpenMap()}\n        >\n          <slot name=\"trigger\"></slot>\n        </div>\n        <stzh-overlay open={this.isLoading}>\n          <stzh-loader label=\"Daten werden geladen...\"></stzh-loader>\n        </stzh-overlay>\n        <div class={classes}>\n          <div class=\"stzh-geo-ref-data__header-wrapper\">\n            <stzh-header hide-metabar={true}>\n              <img\n                slot=\"logo\"\n                src=\"media/logo/stzh-default.svg\"\n                alt=\"Logo City Zürich, go to homepage\"\n              />\n            </stzh-header>\n            <div class=\"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding\">\n              <stzh-heading\n                class=\"stzh-geo-ref-data__heading-heading\"\n                curve=\"h2\"\n              >\n                {this.heading}\n              </stzh-heading>\n              <stzh-button\n                class=\"stzh-geo-ref-data__overlay-close\"\n                icon=\"close\"\n                iconOnly={true}\n                size=\"small\"\n                variant=\"tertiary\"\n                onClick={this.handleOverlayCloseClick}\n              ></stzh-button>\n            </div>\n          </div>\n\n          <div class=\"stzh-geo-ref-data__content\">\n            <div\n              class=\"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding\"\n              ref={(el) => (this.metaWrapperElement = el as HTMLDivElement)}\n            >\n              <div class=\"stzh-geo-ref-data__filters\">\n                <div class=\"stzh-geo-ref-data__filters-toggle\">\n                  <stzh-chip\n                    label={this.isViewportMedium ? \"Filter\" : \"\"}\n                    variant=\"filter\"\n                    icon=\"filtering\"\n                  ></stzh-chip>\n                </div>\n                <div class=\"stzh-geo-ref-data__filters-content\">\n                  <stzh-chipselect\n                    label-hidden={true}\n                    label=\"Tags\"\n                    data={this.enhancedTags}\n                    onStzhChange={this.handleFilterChange}\n                    multiple={true}\n                    defaultValue={[\"\"]}\n                  ></stzh-chipselect>\n                </div>\n              </div>\n              <div class=\"stzh-geo-ref-data__search\">\n                <stzh-input\n                  size=\"small\"\n                  name=\"stzh-datatable-search\"\n                  onStzhChange={this.handleSearchChange}\n                  hideOptional={true}\n                  label=\"Suche\"\n                  type=\"search\"\n                ></stzh-input>\n              </div>\n              <div class=\"stzh-geo-ref-data__results-toggle\">\n                <stzh-chip\n                  onStzhClick={this.toggleViewMode}\n                  label={this.viewmode === \"map\" ? \"Liste\" : \"Karte\"}\n                  icon={this.viewmode === \"map\" ? \"bulleted-list\" : \"map\"}\n                  variant=\"filter\"\n                ></stzh-chip>\n              </div>\n            </div>\n            <div class=\"stzh-geo-ref-data__results-wrapper\">\n              <div\n                class={`stzh-geo-ref-data__results-map ${\n                  this.viewmode === \"map\" ? \"active\" : \"inactive\"\n                }`}\n              >\n                <stzh-olmap\n                  class=\"stzh-geo-ref-data__ol-map\"\n                  centerMarker={false}\n                  ref={(el) => (this.mapElement = el as HTMLStzhOlmapElement)}\n                ></stzh-olmap>\n                <div class=\"stzh-geo-ref-data__map-controls\">\n                  <stzh-checkbox\n                    label=\"Treffer an Kartenaussicht anpassen\"\n                    checked={this.showOnlyResultsForCurrentExtent}\n                    hideOptional={true}\n                    onStzhChange={this.handleExtentVisibilityChange}\n                  ></stzh-checkbox>\n                </div>\n              </div>\n              <div\n                class={`stzh-geo-ref-data__results-list ${\n                  this.viewmode === \"list\" ? \"active\" : \"inactive\"\n                }`}\n                ref={(el) => (this.resultsListElement = el as HTMLDivElement)}\n              >\n                {this.finalResults && (\n                  <Fragment>\n                    <stzh-text class=\"stzh-geo-ref-data__results-list-heading\">\n                      {this.finalResults.length} Treffer\n                    </stzh-text>\n                    <div class=\"stzh-geo-ref-data__teaser-list\">\n                      {this.finalResultsPaginatedList.map((item) => (\n                        <div\n                          class=\"stzh-poi-teaser\"\n                          onMouseEnter={() =>\n                            this.handlePoiTeaserMouseEnter(item)\n                          }\n                          onMouseLeave={() =>\n                            this.handlePoiTeaserMouseLeave(item)\n                          }\n                        >\n                          <a\n                            class=\"stzh-poi-teaser-link\"\n                            href={this.baseUrlOverride + item.path}\n                          ></a>\n                          <div class=\"stzh-poi-teaser-content\">\n                            <stzh-heading curve=\"lead\">\n                              {item.poiname}\n                            </stzh-heading>\n                            {item.description && (\n                              <stzh-text size=\"micro\">\n                                {item.description}\n                              </stzh-text>\n                            )}\n                            {item.data &&\n                              item.data.length > 0 &&\n                              item.data.map((item) => (\n                                <div class=\"stzh-poi-teaser-list-item\">\n                                  <stzh-icon name={item.icon}></stzh-icon>\n                                  <stzh-text size=\"micro\">\n                                    {item.text}\n                                  </stzh-text>\n                                </div>\n                              ))}\n                          </div>\n                          <div class=\"stzh-poi-teaser-image\">\n                            <stzh-ratio ratio={\"1:1\"}></stzh-ratio>\n                            <div class=\"stzh-poi-teaser-image-inner\">\n                              <img\n                                src={this.baseUrlOverride + item.image}\n                                alt={\"Foto von \" + item.poiname}\n                              />\n                            </div>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                    <div class=\"stzh-geo-ref-data__teaser-load-more\">\n                      <stzh-button onStzhClick={() => this.loadMore()}>\n                        Weitere laden\n                      </stzh-button>\n                    </div>\n                  </Fragment>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-geo-ref-data.js","sourceRoot":"","sources":["../../../../src/components/stzh-geo-ref-data/stzh-geo-ref-data.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Fragment, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\";\nimport {\n  StzhAvailableTag,\n  StzhChipselectChangeEvent,\n  StzhChipselectItem,\n  StzhCombinedGeoRefData,\n  StzhGeoRefDataOverlayCloseClickEvent,\n  StzhMapGeoRefData,\n  StzhPoiGeoRefData,\n} from \"../../index\";\nimport { Document } from \"flexsearch/dist/flexsearch.bundle.min.js\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot logo - Slot for brand logo\n */\n@Component({\n  tag: \"stzh-geo-ref-data\",\n  styleUrl: \"stzh-geo-ref-data.scss\",\n  shadow: true,\n})\nexport class GeoRefData {\n  /** Heading for the overlay. */\n  @Prop({ reflect: true }) heading: string = \"\";\n\n  /** The URL for fetching the card data */\n  @Prop({ reflect: true }) mapDataUrl: string = \"\";\n\n  /** The URL used for fetching the POI data. */\n  @Prop({ reflect: true }) poiDataUrl: string = \"\";\n\n  /** Base URL used for all external requests (map, card). */\n  @Prop() baseUrlOverride: string = \"https://www.stadt-zuerich.ch\";\n\n  /** To make sure all tags are mapped to their identificator, only these will be available. */\n  @Prop() availableTags: StzhAvailableTag[] | string = [];\n  private _availableTags: StzhAvailableTag[] = [];\n\n  /** Reset tag (the first one). */\n  @Prop() resetTag: StzhChipselectItem | string;\n  private _resetTag: StzhChipselectItem;\n\n  /** Fields for building the search index. */\n  @Prop() searchIndexFields: string[] = [\"title\", \"poiname\", \"street\", \"zip\", \"description\"];\n\n  /** Fields for building the search index. */\n  @Prop() searchIndexIdField: string = \"poiid\";\n\n  @Watch(\"availableTags\")\n  availableTagsWatcher(newValue: StzhAvailableTag[] | string) {\n    if (!newValue) {\n      this._availableTags = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._availableTags = JSON.parse(newValue);\n      } catch (e) {\n        this._availableTags = [];\n      }\n    } else {\n      this._availableTags = newValue;\n    }\n  }\n\n  @Watch(\"resetTag\")\n  resetTagWatcher(newValue: StzhChipselectItem | string) {\n    if (!newValue) {\n      this._resetTag = undefined;\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._resetTag = JSON.parse(newValue);\n      } catch (e) {\n        this._resetTag = undefined;\n      }\n    } else {\n      this._resetTag = newValue;\n    }\n  }\n\n  @State() filterActive: boolean = false;\n  @State() searchActive: boolean = false;\n  @State() showOnlyResultsForCurrentExtent: boolean = true;\n  @State() finalResults: StzhCombinedGeoRefData[] = [];\n  @State() finalResultsPaginatedList: StzhCombinedGeoRefData[] = [];\n  @State() finalResultsPaginationOffset = 0;\n\n  @State() viewmode: \"map\" | \"list\" = \"map\";\n  @State() isViewportLarge: boolean;\n  @State() isViewportMedium: boolean;\n  @State() isInitialized: boolean;\n  @State() isOpen: boolean;\n  @State() isLoading: boolean;\n  @State() numberOfItemsToLoad: number = 20;\n  @State() canLoadMore: boolean;\n\n  /** Overlay close click event */\n  @Event()\n  stzhOverlayCloseClick: EventEmitter<StzhGeoRefDataOverlayCloseClickEvent>;\n\n  private combinedData: StzhCombinedGeoRefData[];\n  private enhancedTags: StzhChipselectItem[];\n  private searchIndex: Document;\n\n  private filterResults: StzhCombinedGeoRefData[] = [];\n  private searchResults: Set<string>;\n\n  @Element() element: HTMLStzhGeoRefDataElement;\n  private mapElement: HTMLStzhOlmapElement;\n  private metaWrapperElement: HTMLDivElement;\n  private resultsListElement: HTMLDivElement;\n  private resizeObserver: ResizeObserver;\n\n  private handleOverlayCloseClick = () => {\n    document.body.classList.remove(CLASS_BODY_OPEN);\n    this.isOpen = false;\n  };\n\n  private handleResize = async () => {\n    if (this.metaWrapperElement && this.metaWrapperElement.clientHeight) {\n      this.mapElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n      this.resultsListElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n      const map = await this.mapElement.getMap();\n      map.updateSize();\n    }\n  };\n\n  private mediaChangeHandler = () => {\n    this.isViewportLarge = media(\"large\").matches;\n    this.isViewportMedium = media(\"medium\").matches;\n  };\n\n  private async loadMapData(): Promise<StzhMapGeoRefData[]> {\n    if (!this.mapDataUrl) {\n      console.log(\"No map data URL provided\");\n      return [];\n    }\n    try {\n      const response = await fetch(this.mapDataUrl);\n      const rawMapData = await response.text();\n      const parsedData = new DOMParser().parseFromString(rawMapData, \"text/xml\");\n      return Array.from(parsedData.querySelectorAll(\"featureMember\")).map(item => {\n        const pos = item.querySelector(\"pos\")?.textContent;\n        const poiid = item.querySelector(\"poi_id\")?.textContent;\n        const [lat, lon] = pos?.split(\" \") || [];\n\n        return { poiid, lat, lon } as StzhMapGeoRefData;\n      });\n    } catch (error) {\n      console.error(\"Error fetching map data:\", error);\n      // TODO: add user error (toast)\n    }\n  }\n\n  private async loadPoiData() {\n    if (!this.poiDataUrl) {\n      console.error(\"No POI data URL provided\");\n      return [];\n    }\n    try {\n      const response = await fetch(this.poiDataUrl, { credentials: \"include\" });\n      const poiData = await response.json();\n      console.log(\"POI data:\", poiData);\n      return poiData.items;\n    } catch (error) {\n      console.error(\"Error fetching POI data:\", error);\n    }\n  }\n\n  private combineData(\n    firstArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[],\n    secondArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[]\n  ): StzhCombinedGeoRefData[] {\n    if (!firstArray.length || !secondArray.length) {\n      console.error(\"Missing data to combine\");\n      return [];\n    }\n    // determine which array is smaller for performance\n    let smallerArray: any[];\n    let largerArray: any[];\n\n    if (firstArray.length < secondArray.length) {\n      smallerArray = firstArray;\n      largerArray = secondArray;\n    } else {\n      smallerArray = secondArray;\n      largerArray = firstArray;\n    }\n    // combine arrays based on poiid\n    return smallerArray\n      .map(item => {\n        const matchingItem = largerArray.find(largerArrayItem => largerArrayItem.poiid === item.poiid);\n        return { ...item, ...matchingItem };\n      })\n      .sort((a, b) => {\n        try {\n          return a.title.localeCompare(b.title); // Sorts alphabetically by the 'name' property\n        } catch (noTitleException) {\n          return 1;\n        }\n      });\n  }\n\n  private enhanceTags(availableTags: StzhAvailableTag[], combinedData: StzhCombinedGeoRefData[]): StzhChipselectItem[] {\n    return availableTags\n      .sort((a, b) => {\n        try {\n          a.label.localeCompare(b.label);\n        } catch (noLabelException) {\n          return 1;\n        }\n      })\n      .map(tag => {\n        const counter = combinedData\n          .filter(item => {\n            try {\n              return item.tags.includes(tag.value);\n            } catch (noTagsException) {\n              return false;\n            }\n          })\n          .length.toString();\n        return { ...tag, counter, variant: \"filter\" };\n      });\n  }\n\n  private buildSearchIndex(data: StzhCombinedGeoRefData[]) {\n    if (!data.length) {\n      return;\n    }\n    this.searchIndex = new Document({\n      tokenize: \"forward\",\n      matcher: {\n        \"[äà]\": \"a\",\n        \"[öó]\": \"o\",\n        \"[üûúù]\": \"u\",\n        \"[éè]\": \"e\",\n      },\n      document: {\n        id: this.searchIndexIdField,\n        index: this.searchIndexFields,\n      },\n    });\n    data.forEach(item => {\n      this.searchIndex.add(item);\n    });\n  }\n\n  @Listen(\"stzhMovePanZoom\")\n  async mapMovedPannedOrZoomed() {\n    if (this.showOnlyResultsForCurrentExtent) {\n      const visibleMarkers = await this.mapElement.getVisibleMarkers();\n      console.log(\"visibleMarkers\", visibleMarkers);\n    }\n  }\n\n  connectedCallback() {\n    this.mediaChangeHandler();\n    addMediaChangeListener(this.mediaChangeHandler);\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n    this.availableTagsWatcher(this.availableTags);\n    this.resetTagWatcher(this.resetTag);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  private async initializeAndOpenMap() {\n    document.body.classList.add(CLASS_BODY_OPEN);\n    this.isLoading = true;\n    this.isOpen = true;\n\n    try {\n      this.combinedData = this.combineData(await this.loadMapData(), await this.loadPoiData());\n      this.enhancedTags = this.enhanceTags(this._availableTags, this.combinedData);\n      this.buildSearchIndex(this.combinedData);\n      const enhancedResetTag = {\n        ...this._resetTag,\n        counter: this.combinedData.length.toString(),\n      };\n      if (this._resetTag) {\n        this.enhancedTags.unshift(enhancedResetTag);\n      }\n      this.finalResults = this.combinedData;\n      this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);\n      this.canLoadMore = this.finalResults.length > this.numberOfItemsToLoad;\n      await this.combineFilterAndSearchResults();\n      await this.handleResize();\n      await this.mapElement.updateViewToFitMarkers();\n      await this.handleResize();\n      this.isInitialized = true;\n    } catch (mapException) {\n      console.error(\"mapException\", mapException);\n    }\n\n    setTimeout(() => {\n      this.isLoading = false;\n    }, 500);\n  }\n\n  private handleFilterChange = async (e: CustomEvent<StzhChipselectChangeEvent>) => {\n    if (e.detail.value.length !== 0) {\n      this.filterResults = this.combinedData.filter(\n        item => item.tags && item.tags.some(tag => e.detail.value.includes(tag))\n      );\n      this.filterActive = true;\n    } else {\n      this.filterActive = false;\n    }\n    await this.combineFilterAndSearchResults();\n  };\n\n  private handleExtentVisibilityChange = e => {\n    this.showOnlyResultsForCurrentExtent = e.detail.checked;\n  };\n\n  private handleSearchChange = async (e: CustomEvent) => {\n    if (e.detail.value !== \"\") {\n      if (!this.searchIndex) {\n        return;\n      }\n      const searchResults = this.searchIndex.search(e.detail.value);\n      const flatSearchResults = searchResults.flatMap(field => field.result);\n      this.searchResults = new Set(flatSearchResults);\n      this.searchActive = true;\n    } else {\n      this.searchActive = false;\n    }\n    await this.combineFilterAndSearchResults();\n  };\n\n  private async combineFilterAndSearchResults() {\n    if (this.filterActive && !this.searchActive) {\n      this.finalResults = this.filterResults;\n    } else if (!this.filterActive && this.searchActive) {\n      this.finalResults = Array.from(this.searchResults).map(id => this.combinedData.find(item => item.poiid === id));\n    } else if (this.filterActive && this.searchActive) {\n      this.finalResults = this.filterResults.filter(item => this.searchResults.has(item.poiid));\n    } else {\n      this.finalResults = this.combinedData;\n    }\n\n    this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);\n\n    await this.replaceMapMarkers(this.finalResults);\n  }\n\n  private loadMore() {\n    this.finalResultsPaginationOffset++;\n    const sliced = this.finalResults.slice(\n      this.finalResultsPaginationOffset * this.numberOfItemsToLoad,\n      this.finalResultsPaginationOffset * this.numberOfItemsToLoad + this.numberOfItemsToLoad\n    );\n    if (!sliced || !sliced.length || sliced.length < this.numberOfItemsToLoad) {\n      this.canLoadMore = false;\n    }\n    this.finalResultsPaginatedList = this.finalResultsPaginatedList.concat(sliced);\n  }\n\n  // private async handleExtendVisibility() {\n  //   if (this.showOnlyResultsForCurrentExtent) {\n  //     const visibleMarkers = await this.mapElement.getVisibleMarkers();\n  //     console.log(\"visibleMarkers\", visibleMarkers);\n  //   }\n  // }\n\n  private async replaceMapMarkers(items: StzhCombinedGeoRefData[]) {\n    await this.mapElement.removeAllIconMarkers();\n    items\n      .filter(item => !!item.lat && !!item.lon)\n      .forEach(item => {\n        this.mapElement\n          .addIconMarker([parseFloat(item.lat), parseFloat(item.lon)], {\n            id: item.poiid,\n            title: item.title,\n            text: item.description,\n            data: item.data,\n            imageUri: `${this.baseUrlOverride}${item.image}`,\n            href: `${this.baseUrlOverride}${item.path}`,\n          })\n          .catch();\n      });\n    if (!this.showOnlyResultsForCurrentExtent) {\n      this.mapElement.updateViewToFitMarkers().catch();\n    }\n  }\n\n  private toggleViewMode = () => {\n    if (this.viewmode === \"map\") {\n      this.viewmode = \"list\";\n    } else {\n      this.viewmode = \"map\";\n    }\n  };\n\n  private async handlePoiTeaserMouseEnter(item: StzhCombinedGeoRefData) {\n    const marker = await this.mapElement.findMarkerById(item.poiid);\n    if (marker) {\n      await this.mapElement.setIconMarkerActive(marker);\n    }\n  }\n\n  private async handlePoiTeaserMouseLeave(item: StzhCombinedGeoRefData) {\n    const marker = await this.mapElement.findMarkerById(item.poiid);\n    if (marker) {\n      await this.mapElement.setIconMarkerInactive(marker);\n    }\n  }\n\n  // render chipselect\n\n  render() {\n    const classes = {\n      \"stzh-geo-ref-data\": true,\n      \"stzh-geo-ref-data--is-loading\": this.isLoading,\n      \"stzh-geo-ref-data--is-open\": this.isOpen,\n    };\n    return (\n      <Host>\n        <div class=\"stzh-geo-ref-data__trigger\" onClick={() => this.initializeAndOpenMap()}>\n          <slot name=\"trigger\"></slot>\n        </div>\n        <stzh-overlay open={this.isLoading}>\n          <stzh-loader label=\"Daten werden geladen...\"></stzh-loader>\n        </stzh-overlay>\n        <div class={classes}>\n          <div class=\"stzh-geo-ref-data__header-wrapper\">\n            <stzh-header hide-metabar={true} sticky=\"disabled\">\n              <slot name=\"logo\" slot=\"logo\"></slot>\n            </stzh-header>\n            <div class=\"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding\">\n              <stzh-heading class=\"stzh-geo-ref-data__heading-heading\" curve=\"h2\">\n                {this.heading}\n              </stzh-heading>\n              <stzh-button\n                class=\"stzh-geo-ref-data__overlay-close\"\n                icon=\"close\"\n                iconOnly={true}\n                size=\"small\"\n                variant=\"tertiary\"\n                onClick={this.handleOverlayCloseClick}\n              ></stzh-button>\n            </div>\n          </div>\n\n          <div class=\"stzh-geo-ref-data__content\">\n            <div\n              class=\"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding\"\n              ref={el => (this.metaWrapperElement = el as HTMLDivElement)}\n            >\n              <div class=\"stzh-geo-ref-data__filters\">\n                <div class=\"stzh-geo-ref-data__filters-toggle\">\n                  <stzh-chip\n                    label={this.isViewportMedium ? \"Filter\" : \"\"}\n                    variant=\"filter\"\n                    icon=\"filtering\"\n                  ></stzh-chip>\n                </div>\n                <div class=\"stzh-geo-ref-data__filters-content\">\n                  <stzh-chipselect\n                    label-hidden={true}\n                    label=\"Tags\"\n                    data={this.enhancedTags}\n                    onStzhChange={this.handleFilterChange}\n                    multiple={true}\n                    defaultValue={[\"\"]}\n                  ></stzh-chipselect>\n                </div>\n              </div>\n              <div class=\"stzh-geo-ref-data__search\">\n                <stzh-input\n                  size=\"small\"\n                  name=\"stzh-datatable-search\"\n                  onStzhChange={this.handleSearchChange}\n                  hideOptional={true}\n                  label=\"Suche\"\n                  type=\"search\"\n                ></stzh-input>\n              </div>\n              <div class=\"stzh-geo-ref-data__results-toggle\">\n                <stzh-chip\n                  onStzhClick={this.toggleViewMode}\n                  label={this.viewmode === \"map\" ? \"Liste\" : \"Karte\"}\n                  icon={this.viewmode === \"map\" ? \"bulleted-list\" : \"map\"}\n                  variant=\"filter\"\n                ></stzh-chip>\n              </div>\n            </div>\n            <div class=\"stzh-geo-ref-data__results-wrapper\">\n              <div class={`stzh-geo-ref-data__results-map ${this.viewmode === \"map\" ? \"active\" : \"inactive\"}`}>\n                <stzh-olmap\n                  class=\"stzh-geo-ref-data__ol-map\"\n                  centerMarker={false}\n                  ref={el => (this.mapElement = el as HTMLStzhOlmapElement)}\n                ></stzh-olmap>\n                <div class=\"stzh-geo-ref-data__map-controls\">\n                  <stzh-checkbox\n                    label=\"Treffer an Kartenaussicht anpassen\"\n                    checked={this.showOnlyResultsForCurrentExtent}\n                    hideOptional={true}\n                    onStzhChange={this.handleExtentVisibilityChange}\n                  ></stzh-checkbox>\n                </div>\n              </div>\n              <div\n                class={`stzh-geo-ref-data__results-list ${this.viewmode === \"list\" ? \"active\" : \"inactive\"}`}\n                ref={el => (this.resultsListElement = el as HTMLDivElement)}\n              >\n                {this.finalResults && (\n                  <Fragment>\n                    <stzh-text class=\"stzh-geo-ref-data__results-list-heading\">\n                      {this.finalResults.length} Treffer\n                    </stzh-text>\n                    <div class=\"stzh-geo-ref-data__teaser-list\">\n                      {this.finalResultsPaginatedList.map(item => (\n                        <div\n                          class=\"stzh-poi-teaser\"\n                          onMouseEnter={() => this.handlePoiTeaserMouseEnter(item)}\n                          onMouseLeave={() => this.handlePoiTeaserMouseLeave(item)}\n                        >\n                          <a class=\"stzh-poi-teaser-link\" href={this.baseUrlOverride + item.path}></a>\n                          <div class=\"stzh-poi-teaser-content\">\n                            <stzh-heading curve=\"lead\">{item.poiname}</stzh-heading>\n                            {item.description && <stzh-text size=\"micro\">{item.description}</stzh-text>}\n                            {item.data &&\n                              item.data.length > 0 &&\n                              item.data.map(item => (\n                                <div class=\"stzh-poi-teaser-list-item\">\n                                  <stzh-icon name={item.icon}></stzh-icon>\n                                  <stzh-text size=\"micro\">{item.text}</stzh-text>\n                                </div>\n                              ))}\n                          </div>\n                          <div class=\"stzh-poi-teaser-image\">\n                            <stzh-ratio ratio={\"1:1\"}></stzh-ratio>\n                            <div class=\"stzh-poi-teaser-image-inner\">\n                              <img src={this.baseUrlOverride + item.image} alt={\"Foto von \" + item.poiname} />\n                            </div>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                    {this.canLoadMore && (\n                      <div class=\"stzh-geo-ref-data__teaser-load-more\">\n                        <stzh-button onStzhClick={() => this.loadMore()}>Weitere laden</stzh-button>\n                      </div>\n                    )}\n                  </Fragment>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}