proximiio-js-library 1.9.1 → 1.9.4

package/lib/components/map/custom-layers.js

@@ -29,7 +29,18 @@ var PolygonsLayer = /** @class */ (function (_super) {
         _this.source = 'main';
         _this.filter = ['all', ['==', ['get', 'type'], 'shop-custom'], ['==', ['to-number', ['get', 'level']], 0]];
         _this.paint = new fill_extrusion_layer_1.PaintProperties({
-            'fill-extrusion-height': 3,
+            'fill-extrusion-height': [
+                'case',
+                ['boolean', ['feature-state', 'selected'], false],
+                data.selectedPolygonHeight,
+                ['boolean', ['feature-state', 'hover'], false],
+                data.hoverPolygonHeight,
+                ['boolean', ['feature-state', 'active'], false],
+                data.hoverPolygonHeight,
+                data.defaultPolygonHeight,
+            ],
+            'fill-extrusion-base': data.base,
+            'fill-extrusion-opacity': data.opacity,
             'fill-extrusion-color': [
                 'case',
                 ['boolean', ['feature-state', 'selected'], false],

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

@@ -48,6 +48,11 @@ interface Options {
         defaultLabelColor?: string;
         hoverLabelColor?: string;
         selectedLabelColor?: string;
+        defaultPolygonHeight?: number;
+        hoverPolygonHeight?: number;
+        selectedPolygonHeight?: number;
+        base?: number;
+        opacity?: number;
     };
     zoomLevel?: number;
     considerVisibilityParam?: boolean;

package/lib/components/map/main.js

@@ -134,6 +134,11 @@ var Map = /** @class */ (function () {
                 defaultLabelColor: '#6945ed',
                 hoverLabelColor: '#fff',
                 selectedLabelColor: '#fff',
+                defaultPolygonHeight: 3,
+                hoverPolygonHeight: 3,
+                selectedPolygonHeight: 3,
+                base: 0,
+                opacity: 1,
             },
             considerVisibilityParam: true,
             fitBoundsPadding: 250,
@@ -556,6 +561,9 @@ var Map = /** @class */ (function () {
                 // @ts-ignore
                 var polygonPoi = this.state.allFeatures.features.find(function (i) { return i.properties.id === e.features[0].properties.poi_id; });
                 var poi = this.state.allFeatures.features.find(function (i) { return i.properties.id === e.features[0].properties.id; });
+                if (polygonPoi) {
+                    this.handlePolygonSelection(polygonPoi);
+                }
                 this.onPolygonClickListener.next(polygonPoi ? polygonPoi : poi);
             }
             else {
@@ -584,7 +592,7 @@ var Map = /** @class */ (function () {
             }
         }
         if (connectedPolygonId) {
-            this.selectedPolygon = this.state.allFeatures.features.find(function (i) { return i.properties.id === connectedPolygonId; });
+            this.selectedPolygon = this.state.allFeatures.features.find(function (i) { return i.properties.id === connectedPolygonId && i.properties.type === 'shop-custom'; });
             if (this.selectedPolygon) {
                 this.map.setFeatureState({
                     source: 'main',
@@ -1588,8 +1596,12 @@ var Map = /** @class */ (function () {
             var currentRouteIndex = this.routingSource.lines.findIndex(function (route) { return +route.properties.level === _this.state.floor.level; });
             var currentRoute_1 = this.routingSource.lines[currentRouteIndex];
             var nextRouteIndex = this.routingSource.lines.findIndex(function (route) {
-                return +route.properties.level ===
-                    (way === 'up' ? currentRoute_1.properties.level + 1 : currentRoute_1.properties.level - 1);
+                if (way === 'up') {
+                    return +route.properties.level > currentRoute_1.properties.level;
+                }
+                else {
+                    return +route.properties.level < currentRoute_1.properties.level;
+                }
             });
             var nextRoute = this.routingSource.lines[nextRouteIndex];
             // return currentRouteIndex !== -1 && nextRoute ? +nextRoute.properties.level : way === 'up' ? this.state.floor.level + 1 : this.state.floor.level - 1;

package/lib/components/map/sources/routing_source.js

@@ -120,6 +120,9 @@ var RoutingSource = /** @class */ (function (_super) {
         this.finish = undefined;
         this.lines = undefined;
         this.route = undefined;
+        this.points = undefined;
+        this.levelPaths = undefined;
+        this.levelPoints = undefined;
         this.data = new feature_1.FeatureCollection({
             features: [this.start, this.finish].concat(this.lines || []).filter(function (i) { return i; }),
         });

package/lib/controllers/geo.js

@@ -62,22 +62,24 @@ var getFeatures = function (initPolygons) { return __awaiter(void 0, void 0, voi
                             feature.properties.type = 'poi-custom';
                             var polygon = res.data.features.find(function (f) { return f.properties.id === feature.properties.metadata.polygon_id; });
                             if (polygon) {
-                                polygon.properties.type = 'shop-custom';
-                                polygon.properties.poi_id = feature.properties.id;
-                                polygon.properties.amenity = feature.properties.amenity;
-                                polygon.id = JSON.stringify(key);
-                                if (polygon.properties['label-line'] &&
-                                    polygon.properties['label-line'][0] instanceof Array &&
-                                    polygon.properties['label-line'][1] instanceof Array) {
+                                var polygonFeature = JSON.parse(JSON.stringify(polygon));
+                                polygonFeature.properties.type = 'shop-custom';
+                                polygonFeature.properties.poi_id = feature.properties.id;
+                                polygonFeature.properties.amenity = feature.properties.amenity;
+                                polygonFeature.id = JSON.stringify(key);
+                                featuresToAdd_1.push(polygonFeature);
+                                if (polygonFeature.properties['label-line'] &&
+                                    polygonFeature.properties['label-line'][0] instanceof Array &&
+                                    polygonFeature.properties['label-line'][1] instanceof Array) {
                                     var labelLineFeature = JSON.parse(JSON.stringify(feature));
                                     labelLineFeature.geometry = {
-                                        coordinates: polygon.properties['label-line'],
+                                        coordinates: polygonFeature.properties['label-line'],
                                         type: 'LineString',
                                     };
                                     labelLineFeature.properties.id = JSON.stringify(key + 9999);
                                     labelLineFeature.id = JSON.stringify(key + 9999);
                                     labelLineFeature.properties.type = 'shop-label';
-                                    polygon.properties.label_id = labelLineFeature.properties.id;
+                                    polygonFeature.properties.label_id = labelLineFeature.properties.id;
                                     featuresToAdd_1.push(labelLineFeature);
                                 }
                             }