proximiio-js-library 1.9.4 → 1.9.5

package/README.md

@@ -140,6 +140,11 @@ const map = new Proximiio.Map({
       defaultLabelColor: string; // optional, default: '#6945ed', default color of the polygon labels
       hoverLabelColor: string; // optional, default: '#fff', hover color of the polygon labels
       selectedLabelColor: string; // optional, default: '#fff', selected color of the polygon labels
+      defaultPolygonHeight: number; // optional, default: 3, default polygon height in meters
+      hoverPolygonHeight: number; // optional, default: 3, hover polygon height in meters
+      selectedPolygonHeight: number; // optional, default: 3, selected polygon height in meters
+      base: number; // optional, default: 0, default polygon base in meters
+      opacity: number; // optional, default: 1, default polygon opacity
    }
    considerVisibilityParam: false, // optional, default: true, if enabled all pois with visibility property defined as 'hidden' will not be visible as default, will be possible to toggle them with toggleHiddenPois() method
    fitBoundsPadding: 200, // optional, default 250, number | PaddingOptions, the amount of padding in pixels to add to the given bounds for found route, https://docs.mapbox.com/mapbox-gl-js/api/properties/#paddingoptions

package/lib/components/map/main.d.ts

@@ -114,6 +114,7 @@ export declare class Map {
     private filteredFeatures;
     private hiddenFeatures;
     private filteredAmenities;
+    private amenityFilters;
     private hiddenAmenities;
     private amenityCategories;
     private hoveredPolygon;

package/lib/components/map/main.js

@@ -160,6 +160,7 @@ var Map = /** @class */ (function () {
         this.filteredFeatures = [];
         this.hiddenFeatures = [];
         this.filteredAmenities = [];
+        this.amenityFilters = [];
         this.hiddenAmenities = [];
         this.amenityCategories = {};
         // Used to increment the value of the point measurement against the route.
@@ -948,17 +949,18 @@ var Map = /** @class */ (function () {
             for (var key in this.amenityCategories) {
                 _loop_3(key);
             }
-            this.filteredAmenities = this.amenityIds.filter(function (el) { return !amenities_1.includes(el); });
+            this.amenityFilters = this.amenityIds.filter(function (el) { return !amenities_1.includes(el); });
         }
         else {
             if (inverted && this.hiddenAmenities.findIndex(function (i) { return i === amenityId; }) === -1) {
                 this.hiddenAmenities.push(amenityId);
                 this.filteredAmenities = this.filteredAmenities.filter(function (i) { return i !== amenityId; });
             }
-            else if (!inverted && this.filteredAmenities.findIndex(function (i) { return i === amenityId; }) === -1) {
-                this.filteredAmenities.push(amenityId);
+            else if (!inverted && this.amenityFilters.findIndex(function (i) { return i === amenityId; }) === -1) {
+                this.amenityFilters.push(amenityId);
             }
         }
+        this.filteredAmenities = this.amenityFilters;
         this.filterOutFeatures();
         if (!inverted)
             this.setActivePolygons(amenityId);
@@ -971,7 +973,7 @@ var Map = /** @class */ (function () {
             this.amenityCategories[category].active &&
             this.amenityCategories[category].activeId === amenityId) {
             var amenities = this.amenityCategories[category].amenities.filter(function (i) { return i !== amenityId; });
-            this.filteredAmenities = this.filteredAmenities.concat(amenities);
+            this.amenityFilters = this.amenityFilters.concat(amenities);
             this.amenityCategories[category].active = false;
         }
         else if (!category) {
@@ -981,22 +983,23 @@ var Map = /** @class */ (function () {
                     this.filteredAmenities.push(amenityId);
             }
             else {
-                this.filteredAmenities = this.filteredAmenities.filter(function (i) { return i !== amenityId; });
+                this.amenityFilters = this.amenityFilters.filter(function (i) { return i !== amenityId; });
             }
         }
-        this.filteredAmenities = this.filteredAmenities.length > 0 ? this.filteredAmenities : this.amenityIds;
+        this.filteredAmenities = this.amenityFilters.length > 0 ? this.amenityFilters : this.amenityIds;
         this.hiddenAmenities = this.hiddenAmenities.length > 0 ? this.hiddenAmenities : [];
         this.filterOutFeatures();
         this.setActivePolygons(null);
     };
     Map.prototype.onResetAmenityFilters = function () {
-        this.filteredAmenities = this.amenityIds;
+        this.amenityFilters = [];
         this.hiddenAmenities = [];
         for (var key in this.amenityCategories) {
             if (this.amenityCategories.hasOwnProperty(key)) {
                 this.amenityCategories[key].active = false;
             }
         }
+        this.filteredAmenities = this.amenityIds;
         this.filterOutFeatures();
         this.setActivePolygons(null);
     };
@@ -1081,7 +1084,7 @@ var Map = /** @class */ (function () {
                 : [];
             if (activeFeatures.length > 0) {
                 var _loop_4 = function (f) {
-                    var polygon = this_4.state.allFeatures.features.find(function (i) { return i.properties.id === f.properties.metadata.polygon_id; });
+                    var polygon = this_4.state.allFeatures.features.find(function (i) { return i.properties.id === f.properties.metadata.polygon_id && i.properties.type === 'shop-custom'; });
                     if (polygon) {
                         this_4.map.setFeatureState({
                             source: 'main',
@@ -1099,7 +1102,7 @@ var Map = /** @class */ (function () {
             }
             if (amenityFeatures.length > 0) {
                 var _loop_5 = function (f) {
-                    var polygon = this_5.state.allFeatures.features.find(function (i) { return i.properties.id === f.properties.metadata.polygon_id; });
+                    var polygon = this_5.state.allFeatures.features.find(function (i) { return i.properties.id === f.properties.metadata.polygon_id && i.properties.type === 'shop-custom'; });
                     if (polygon) {
                         this_5.map.setFeatureState({
                             source: 'main',