@teipublisher/pb-components 1.30.3 → 1.30.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teipublisher/pb-components",
-  "version": "1.30.3",
+  "version": "1.30.4",
   "description": "Collection of webcomponents underlying TEI Publisher",
   "repository": "https://github.com/eeditiones/tei-publisher-components.git",
   "main": "index.html",

package/pb-elements.json

@@ -3738,6 +3738,11 @@
           "type": "string",
           "default": "\"mouseover\""
         },
+        {
+          "name": "auto",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "key",
           "description": "The key to which this element is connected.",
@@ -3819,6 +3824,12 @@
           "type": "string",
           "default": "\"mouseover\""
         },
+        {
+          "name": "auto",
+          "attribute": "auto",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "key",
           "attribute": "key",

package/src/pb-geolocation.js

@@ -32,6 +32,9 @@ export class PbGeolocation extends PbHighlight {
             },
             event: {
                 type: String
+            },
+            auto: {
+                type: Boolean
             }
         };
     }
@@ -39,22 +42,38 @@ export class PbGeolocation extends PbHighlight {
     constructor() {
         super();
         this.event = 'mouseover';
+        this.auto = false;
     }
 
     connectedCallback() {
         super.connectedCallback();
 
-        this.addEventListener(this.event, () =>
-            this.emitTo('pb-geolocation', {
-                coordinates: {
-                    latitude: this.latitude,
-                    longitude: this.longitude
-                },
-                label: this.label,
-                popup: this.popup,
-                element: this
-            })
-        );
+        if (this.event) {
+            this.addEventListener(this.event, () =>
+                this.emitTo('pb-geolocation', {
+                    coordinates: {
+                        latitude: this.latitude,
+                        longitude: this.longitude
+                    },
+                    label: this.label,
+                    popup: this.popup,
+                    element: this
+                })
+            );
+        }
+        if (this.auto) {
+            this.waitForChannel(() => {
+                this.emitTo('pb-geolocation', {
+                    coordinates: {
+                        latitude: this.latitude,
+                        longitude: this.longitude
+                    },
+                    label: this.label,
+                    popup: this.popup,
+                    element: this
+                });
+            });
+        }
     }
 
     render() {

package/src/pb-leaflet-map.js

@@ -12,7 +12,6 @@ import './pb-map-layer.js';
  * @fires pb-update-map - When received, redraws the map to fit markers passed in with the event
  * @fires pb-update - When received, redraws the map to show markers for all pb-geolocation elements
  * @fires pb-geolocation - When received, focuses the map on the geocoordinates passed in with the event
- 
  */
 export class PbLeafletMap extends pbMixin(LitElement) {
     static get properties() {
@@ -143,7 +142,7 @@ export class PbLeafletMap extends pbMixin(LitElement) {
                 });
             });
             // this._map.invalidateSize();
-            if (locations.length > 1) {
+            if (locations.length >= 1) {
                 this._map.fitBounds(bounds);
             } else {
                 this._map.fitWorld();