@teipublisher/pb-components 2.17.0 → 2.18.1

package/dist/pb-elements.json

@@ -642,6 +642,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "group",
+          "description": "A list of space- or comma-separated group names, whose members will be\nallowed to add or edit entries in the local register (if enabled).",
+          "type": "string",
+          "default": "\"\\\"tei\\\"\""
+        },
         {
           "name": "subscribe",
           "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
@@ -698,6 +704,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "group",
+          "attribute": "group",
+          "description": "A list of space- or comma-separated group names, whose members will be\nallowed to add or edit entries in the local register (if enabled).",
+          "type": "string",
+          "default": "\"\\\"tei\\\"\""
+        },
         {
           "name": "subscribe",
           "attribute": "subscribe",
@@ -5504,7 +5517,7 @@
         },
         {
           "name": "geo-coding",
-          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: single clicking on the map will request information\nabout the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
+          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: clicking on the map while pressing ctrl or cmd \nwill request information about the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
           "type": "boolean",
           "default": "false"
         },
@@ -5624,7 +5637,7 @@
         {
           "name": "geoCoding",
           "attribute": "geo-coding",
-          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: single clicking on the map will request information\nabout the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
+          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: clicking on the map while pressing ctrl or cmd \nwill request information about the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
           "type": "boolean",
           "default": "false"
         },
@@ -9465,7 +9478,8 @@
         {
           "name": "login",
           "description": "Id of the pb-login element to connect to",
-          "type": "string"
+          "type": "string",
+          "deprecatedMessage": "no longer used"
         },
         {
           "name": "group",
@@ -9514,7 +9528,8 @@
           "name": "login",
           "attribute": "login",
           "description": "Id of the pb-login element to connect to",
-          "type": "string"
+          "type": "string",
+          "deprecatedMessage": "no longer used"
         },
         {
           "name": "group",

package/dist/pb-leaflet-map.js

@@ -1,7 +1,7 @@
-import{L as e,p as t,r as i,h as o,c as s}from"./pb-mixin-d61c06b6.js";import{g as a}from"./pb-i18n-375ccc5c.js";import"./es-global-bridge-4240f389.js";const r=["type","url","label","base","show"];class n extends e{static get properties(){return{type:{type:String},url:{type:String},base:{type:Boolean},show:{type:Boolean},label:{type:String},attribution:{type:String},minZoom:{type:Number,attribute:"min-zoom"},maxZoom:{type:Number,attribute:"max-zoom"},zoomOffset:{type:Number,attribute:"zoom-offset"},opacity:{type:Number},tileSize:{type:Number},id:{type:String},accessToken:{type:String,attribute:"access-token"}}}constructor(){super(),this.type="tile",this.url=null}get options(){const e={};return Object.keys(n.properties).forEach(t=>{r.indexOf(t)<0&&this[t]&&(e[t]=this[t])}),console.log("<pb-leaflet-map-layer> Options: %o",e),e}async data(){return new Promise(e=>{fetch(this.url).then(e=>e.json()).then(t=>e(t))})}}function l(e,t){try{return e.split(/\s*,\s*/).map(e=>parseInt(e,10))}catch(t){return console.error("<pb-map-icon> Invalid size specified: "+e),null}}customElements.define("pb-map-layer",n);class c extends e{static get properties(){return{name:{type:String},iconUrl:{type:String,attribute:"icon-url"},iconSize:{type:Array,converter:l,attribute:"icon-size"},iconAnchor:{type:Array,converter:l,attribute:"icon-anchor"},shadowUrl:{type:String,attribute:"shadow-url"},shadowSize:{type:Array,converter:l,attribute:"shadow-size"},shadowAnchor:{type:Array,converter:l,attribute:"shadow-anchor"},popupAncor:{type:Array,converter:l,attribute:"popup-anchor"}}}constructor(){super(),this.name="default",this.type="image",this.iconUrl=null}get options(){const e={};return Object.keys(c.properties).forEach(t=>{this[t]&&(e[t]=this[t])}),console.log("<pb-map-icon> Options: %o",e),e}}customElements.define("pb-map-icon",c);class d extends(t(e)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{latitude:{type:Number},longitude:{type:Number},zoom:{type:Number},crs:{type:String},fitMarkers:{type:Boolean,attribute:"fit-markers"},cluster:{type:Boolean},disableClusteringAt:{type:Number,attribute:"disable-clustering-at"},noScroll:{type:Boolean,attribute:"no-scroll"},accessToken:{type:String,attribute:"access-token"},toggle:{type:Boolean},imagesPath:{type:String,attribute:"images-path"},cssPath:{type:String,attribute:"css-path"},geoCoding:{type:Boolean,attribute:"geo-coding"},_map:{type:Object}})}constructor(){super(),this.latitude=51.505,this.longitude=-.09,this.zoom=15,this.crs="EPSG3857",this.accessToken="",this.imagesPath="../images/leaflet/",this.cssPath="../css/leaflet",this.toggle=!1,this.noScroll=!1,this.disabled=!0,this.cluster=!1,this.fitMarkers=!1,this.disableClusteringAt=null,this._icons={},this.geoCoding=!1}connectedCallback(){super.connectedCallback(),this._layers=this.querySelectorAll("pb-map-layer"),this._markers=this.querySelectorAll("pb-map-icon"),this.subscribeTo("pb-update-map",e=>{this._markerLayer.clearLayers(),e.detail.forEach(e=>{const t=L.marker([e.latitude,e.longitude]);e.label&&t.bindTooltip(e.label),t.addEventListener("click",()=>{this.emitTo("pb-leaflet-marker-click",e)}),t.bindTooltip(e.label),this.setMarkerIcon(t),this._markerLayer.addLayer(t)}),this._fitBounds()}),this.subscribeTo("pb-update",e=>{this._markerLayer.clearLayers();e.detail.root.querySelectorAll("pb-geolocation").forEach(e=>{const t=L.latLng(e.latitude,e.longitude),i=L.marker(t).addTo(this._markerLayer);e.label&&i.bindTooltip(e.label),e.popup&&i.bindPopup(e.popup),i.addEventListener("click",()=>{this.emitTo("pb-leaflet-marker-click",e)}),this.setMarkerIcon(i)}),this._fitBounds()}),this.subscribeTo("pb-geolocation",e=>{if(e.detail.coordinates){if(this.latitude=e.detail.coordinates.latitude,this.longitude=e.detail.coordinates.longitude,e.detail.clear&&this._markerLayer.clearLayers(),this._hasMarker(this.latitude,this.longitude))console.log("<pb-leaflet-map> Marker already added to map");else{const t=L.marker([this.latitude,this.longitude]);t.addEventListener("click",()=>{this.emitTo("pb-leaflet-marker-click",e.detail.element)}),e.detail.label&&t.bindTooltip(e.detail.label),e.detail.popup&&t.bindPopup(e.detail.popup),this.setMarkerIcon(t),t.addTo(this._markerLayer),e.detail.fitBounds&&this._fitBounds(),console.log("<pb-leaflet-map> added marker")}this.toggle&&(this.disabled=!1);const t=e.detail.event;this._locationChanged(this.latitude,this.longitude,e.detail.zoom,t)}})}get map(){return this._map}setMarkerIcon(e){this._icons&&this._icons.default&&e.setIcon(this._icons.default)}async firstUpdated(){if(this.toggle||(this.disabled=!1),void 0!==window.L)return void this._initMap();window.ESGlobalBridge.requestAvailability();const e=i("../lib/leaflet-src.js"),t=i("../lib/leaflet.markercluster-src.js"),o=i("../lib/Control.Geocoder.min.js");await window.ESGlobalBridge.instance.load("leaflet",e),await window.ESGlobalBridge.instance.load("plugin",t),this.geoCoding&&await window.ESGlobalBridge.instance.load("geocoding",o),window.addEventListener(`es-bridge-${this.geocoding?"geoCoding":"plugin"}-loaded`,this._initMap.bind(this),{once:!0})}render(){const e=i(this.cssPath);return o`
-            <link rel="Stylesheet" href="${e}/leaflet.css">
-            <link rel="Stylesheet" href="${e}/MarkerCluster.Default.css">
-            ${this.geoCoding?o`<link rel="Stylesheet" href="${e}/Control.Geocoder.css">`:null}
+import{L as t,p as e,r as i,h as o,c as s}from"./pb-mixin-d61c06b6.js";import{g as a}from"./pb-i18n-375ccc5c.js";import"./es-global-bridge-4240f389.js";const r=["type","url","label","base","show"];class n extends t{static get properties(){return{type:{type:String},url:{type:String},base:{type:Boolean},show:{type:Boolean},label:{type:String},attribution:{type:String},minZoom:{type:Number,attribute:"min-zoom"},maxZoom:{type:Number,attribute:"max-zoom"},zoomOffset:{type:Number,attribute:"zoom-offset"},opacity:{type:Number},tileSize:{type:Number},id:{type:String},accessToken:{type:String,attribute:"access-token"}}}constructor(){super(),this.type="tile",this.url=null}get options(){const t={};return Object.keys(n.properties).forEach(e=>{r.indexOf(e)<0&&this[e]&&(t[e]=this[e])}),console.log("<pb-leaflet-map-layer> Options: %o",t),t}async data(){return new Promise(t=>{fetch(this.url).then(t=>t.json()).then(e=>t(e))})}}function l(t,e){try{return t.split(/\s*,\s*/).map(t=>parseInt(t,10))}catch(e){return console.error("<pb-map-icon> Invalid size specified: "+t),null}}customElements.define("pb-map-layer",n);class c extends t{static get properties(){return{name:{type:String},iconUrl:{type:String,attribute:"icon-url"},iconSize:{type:Array,converter:l,attribute:"icon-size"},iconAnchor:{type:Array,converter:l,attribute:"icon-anchor"},shadowUrl:{type:String,attribute:"shadow-url"},shadowSize:{type:Array,converter:l,attribute:"shadow-size"},shadowAnchor:{type:Array,converter:l,attribute:"shadow-anchor"},popupAncor:{type:Array,converter:l,attribute:"popup-anchor"}}}constructor(){super(),this.name="default",this.type="image",this.iconUrl=null}get options(){const t={};return Object.keys(c.properties).forEach(e=>{this[e]&&(t[e]=this[e])}),console.log("<pb-map-icon> Options: %o",t),t}}customElements.define("pb-map-icon",c);class h extends(e(t)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{latitude:{type:Number},longitude:{type:Number},zoom:{type:Number},crs:{type:String},fitMarkers:{type:Boolean,attribute:"fit-markers"},cluster:{type:Boolean},disableClusteringAt:{type:Number,attribute:"disable-clustering-at"},noScroll:{type:Boolean,attribute:"no-scroll"},accessToken:{type:String,attribute:"access-token"},toggle:{type:Boolean},imagesPath:{type:String,attribute:"images-path"},cssPath:{type:String,attribute:"css-path"},geoCoding:{type:Boolean,attribute:"geo-coding"},_map:{type:Object}})}constructor(){super(),this.latitude=51.505,this.longitude=-.09,this.zoom=15,this.crs="EPSG3857",this.accessToken="",this.imagesPath="../images/leaflet/",this.cssPath="../css/leaflet",this.toggle=!1,this.noScroll=!1,this.disabled=!0,this.cluster=!1,this.fitMarkers=!1,this.disableClusteringAt=null,this._icons={},this.geoCoding=!1}connectedCallback(){super.connectedCallback(),this._layers=this.querySelectorAll("pb-map-layer"),this._markers=this.querySelectorAll("pb-map-icon"),this.subscribeTo("pb-update-map",t=>{this._markerLayer.clearLayers(),t.detail.forEach(t=>{const e=L.marker([t.latitude,t.longitude]);t.label&&e.bindTooltip(t.label),e.addEventListener("click",()=>{this.emitTo("pb-leaflet-marker-click",t)}),e.bindTooltip(t.label),this.setMarkerIcon(e),this._markerLayer.addLayer(e)}),this._fitBounds()}),this.subscribeTo("pb-update",t=>{this._markerLayer.clearLayers();t.detail.root.querySelectorAll("pb-geolocation").forEach(t=>{const e=L.latLng(t.latitude,t.longitude),i=L.marker(e).addTo(this._markerLayer);t.label&&i.bindTooltip(t.label),t.popup&&i.bindPopup(t.popup),i.addEventListener("click",()=>{this.emitTo("pb-leaflet-marker-click",t)}),this.setMarkerIcon(i)}),this._fitBounds()}),this.subscribeTo("pb-geolocation",t=>{if(t.detail.coordinates){if(this.latitude=t.detail.coordinates.latitude,this.longitude=t.detail.coordinates.longitude,t.detail.clear&&this._markerLayer.clearLayers(),this._hasMarker(this.latitude,this.longitude))console.log("<pb-leaflet-map> Marker already added to map");else{const e=L.marker([this.latitude,this.longitude]);e.addEventListener("click",()=>{this.emitTo("pb-leaflet-marker-click",t.detail.element)}),t.detail.label&&e.bindTooltip(t.detail.label),t.detail.popup&&e.bindPopup(t.detail.popup),this.setMarkerIcon(e),e.addTo(this._markerLayer),t.detail.fitBounds&&this._fitBounds(),console.log("<pb-leaflet-map> added marker")}this.toggle&&(this.disabled=!1);const e=t.detail.event;this._locationChanged(this.latitude,this.longitude,t.detail.zoom,e)}})}get map(){return this._map}setMarkerIcon(t){this._icons&&this._icons.default&&t.setIcon(this._icons.default)}firstUpdated(){if(this.toggle||(this.disabled=!1),void 0!==window.L)return void this._initMap();window.ESGlobalBridge.requestAvailability();const t=i("../lib/leaflet-src.js"),e=i("../lib/leaflet.markercluster-src.js"),o=i("../lib/Control.Geocoder.min.js");window.ESGlobalBridge.instance.load("leaflet",t).then(()=>{window.ESGlobalBridge.instance.load("plugin",e).then(()=>{this.geoCoding?window.ESGlobalBridge.instance.load("geocoding",o).then(this._initMap.bind(this)):this._initMap()})})}render(){const t=i(this.cssPath);return o`
+            <link rel="Stylesheet" href="${t}/leaflet.css">
+            <link rel="Stylesheet" href="${t}/MarkerCluster.Default.css">
+            ${this.geoCoding?o`<link rel="Stylesheet" href="${t}/Control.Geocoder.css">`:null}
             <div id="map" style="height: 100%; width: 100%"></div>
         `}static get styles(){return s`
             :host {
@@ -22,4 +22,4 @@ import{L as e,p as t,r as i,h as o,c as s}from"./pb-mixin-d61c06b6.js";import{g
                 text-decoration: none;
                 cursor: pointer;
             }
-        `}_initMap(){if(this._map)return;L.Icon.Default.imagePath=i(this.imagesPath);const e=L.CRS[this.crs]||L.CRS.EPSG3857;if(this._map=L.map(this.shadowRoot.getElementById("map"),{zoom:this.zoom,center:L.latLng(this.latitude,this.longitude),crs:e}),this._configureLayers(),this._configureMarkers(),this.cluster){const e={};this.disableClusteringAt&&(e.disableClusteringAtZoom=this.disableClusteringAt),this._markerLayer=L.markerClusterGroup(e)}else this._markerLayer=L.layerGroup();if(this._markerLayer.addTo(this._map),this.signalReady(),L.control.scale().addTo(this._map),this.toggle){let e;L.Control.CloseButton=L.Control.extend({options:{position:"topright"},onAdd:t=>(e=L.DomUtil.create("div"),e.className="close",e.innerHTML="X",L.DomEvent.on(e,"click",this._hide.bind(this)),e),onRemove:t=>{L.DomEvent.off(e,"click",this._hide.bind(this))}}),L.control.closeButton=e=>new L.Control.CloseButton(e),L.control.closeButton({position:"topright"}).addTo(this._map)}this._configureGeoCoding()}_configureGeoCoding(){if(!this.geoCoding)return;const e=L.Control.Geocoder.nominatim({geocodingQueryParams:{"accept-language":"en"}}),t=L.Control.geocoder({defaultMarkGeocode:!1,geocoder:e,placeholder:a("search.search"),suggestMinLength:3});t.on("markgeocode",e=>{const{geocode:t}=e,i={coordinates:{longitude:t.center.lng,latitude:t.center.lat},name:t.name,label:t.html,properties:t.properties};this.emitTo("pb-geocode",i)}),t.addTo(this._map),this._map.on("click",t=>{e.reverse(t.latlng,this._map.options.crs.scale(this._map.getZoom()),e=>{const t=e[0],i={coordinates:{longitude:t.center.lng,latitude:t.center.lat},name:t.name,label:t.html,properties:t.properties};this.emitTo("pb-geocode",i)})})}_configureMarkers(){0!==this._markers.length&&(this._icons={},this._markers.forEach(e=>{e.iconUrl&&(this._icons[e.name]=L.icon(e.options))}))}_configureLayers(){if(0===this._layers.length)return void L.tileLayer("https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/{z}/{x}/{y}?access_token={accessToken}",{attribution:'© <a href="https://www.mapbox.com/about/maps/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a></strong>',maxZoom:18,zoomOffset:-1,tileSize:512,accessToken:this.accessToken}).addTo(this._map);const e=L.control.layers(null,null,{collapsed:!1});this._layers.forEach(t=>{let i;switch(t.type){case"geojson":t.data().then(o=>{i=L.geoJSON([o]),this._addLayer(t,i,e)});break;default:i=L.tileLayer(t.url,t.options),this._addLayer(t,i,e)}}),this._layers.length>1&&e.addTo(this._map),this._layers=null}_addLayer(e,t,i){e.show&&t.addTo(this._map),e.label&&(e.base?i.addBaseLayer(t,e.label):i.addOverlay(t,e.label))}_fitBounds(){if(!this.fitMarkers)return;const e=L.latLngBounds();let t=0;this._markerLayer.eachLayer(i=>{e.extend(i.getLatLng()),t+=1}),0===t?this._map.fitWorld():1===t?this._map.fitBounds(e,{maxZoom:this.zoom}):this._map.fitBounds(e)}_locationChanged(e,t,i,o){if(this._map){const s=L.latLng([e,t]);this._markerLayer.eachLayer(e=>{e.getLatLng().equals(s)?(i&&!this.noScroll?(e.openTooltip(),this._map.setView(s,i)):this.cluster?this._markerLayer.zoomToShowLayer(e,()=>e.openTooltip()):(e.openTooltip(),this._map.setView(s,this.zoom)),o&&this._icons&&this._icons.active&&e.setIcon(this._icons.active)):this._icons&&this._icons.default&&e.getIcon()!==this._icons.default&&e.setIcon(this._icons.default)})}}_hasMarker(e,t){const i=L.latLng([e,t]);let o=null;return this._markerLayer.eachLayer(e=>{e instanceof L.Marker&&e.getLatLng().equals(i)&&(o=e)}),o}_hide(){this.disabled=!0}}customElements.define("pb-leaflet-map",d);export{d as PbLeafletMap};
+        `}_initMap(){if(this._map)return;L.Icon.Default.imagePath=i(this.imagesPath);const t=L.CRS[this.crs]||L.CRS.EPSG3857;if(this._map=L.map(this.shadowRoot.getElementById("map"),{zoom:this.zoom,center:L.latLng(this.latitude,this.longitude),crs:t}),this._configureLayers(),this._configureMarkers(),this.cluster){const t={};this.disableClusteringAt&&(t.disableClusteringAtZoom=this.disableClusteringAt),this._markerLayer=L.markerClusterGroup(t)}else this._markerLayer=L.layerGroup();if(this._markerLayer.addTo(this._map),this.signalReady(),L.control.scale().addTo(this._map),this.toggle){let t;L.Control.CloseButton=L.Control.extend({options:{position:"topright"},onAdd:e=>(t=L.DomUtil.create("div"),t.className="close",t.innerHTML="X",L.DomEvent.on(t,"click",this._hide.bind(this)),t),onRemove:e=>{L.DomEvent.off(t,"click",this._hide.bind(this))}}),L.control.closeButton=t=>new L.Control.CloseButton(t),L.control.closeButton({position:"topright"}).addTo(this._map)}this._configureGeoCoding()}_configureGeoCoding(){if(!this.geoCoding)return;const t=L.Control.Geocoder.nominatim({geocodingQueryParams:{"accept-language":"en"}}),e=L.Control.geocoder({defaultMarkGeocode:!1,geocoder:t,placeholder:a("search.search"),suggestMinLength:3});e.on("markgeocode",t=>{const{geocode:e}=t,i={coordinates:{longitude:e.center.lng,latitude:e.center.lat},name:e.name,label:e.html,properties:e.properties};this.emitTo("pb-geocode",i)}),e.addTo(this._map),this._map.on("click",e=>{(e.originalEvent.ctrlKey||e.originalEvent.metaKey)&&(e.originalEvent.stopPropagation(),t.reverse(e.latlng,this._map.options.crs.scale(this._map.getZoom()),t=>{const i=t[0],o={coordinates:{longitude:e.latlng.lng,latitude:e.latlng.lat},name:i.name,label:i.html,properties:i.properties};this.emitTo("pb-geocode",o)}))})}_configureMarkers(){0!==this._markers.length&&(this._icons={},this._markers.forEach(t=>{t.iconUrl&&(this._icons[t.name]=L.icon(t.options))}))}_configureLayers(){if(0===this._layers.length)return void L.tileLayer("https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/{z}/{x}/{y}?access_token={accessToken}",{attribution:'© <a href="https://www.mapbox.com/about/maps/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a></strong>',maxZoom:18,zoomOffset:-1,tileSize:512,accessToken:this.accessToken}).addTo(this._map);const t=L.control.layers(null,null,{collapsed:!1});this._layers.forEach(e=>{let i;switch(e.type){case"geojson":e.data().then(o=>{i=L.geoJSON([o]),this._addLayer(e,i,t)});break;default:i=L.tileLayer(e.url,e.options),this._addLayer(e,i,t)}}),this._layers.length>1&&t.addTo(this._map),this._layers=null}_addLayer(t,e,i){t.show&&e.addTo(this._map),t.label&&(t.base?i.addBaseLayer(e,t.label):i.addOverlay(e,t.label))}_fitBounds(){if(!this.fitMarkers)return;const t=L.latLngBounds();let e=0;this._markerLayer.eachLayer(i=>{t.extend(i.getLatLng()),e+=1}),0===e?this._map.fitWorld():1===e?this._map.fitBounds(t,{maxZoom:this.zoom}):this._map.fitBounds(t)}_locationChanged(t,e,i,o){if(this._map){const s=L.latLng([t,e]);this._markerLayer.eachLayer(t=>{t.getLatLng().equals(s)?(i&&!this.noScroll?(t.openTooltip(),this._map.setView(s,i)):this.cluster?this._markerLayer.zoomToShowLayer(t,()=>t.openTooltip()):(t.openTooltip(),i?this._map.setView(s,i):this._map.panTo(s)),o&&this._icons&&this._icons.active&&t.setIcon(this._icons.active)):this._icons&&this._icons.default&&t.getIcon()!==this._icons.default&&t.setIcon(this._icons.default)})}}_hasMarker(t,e){const i=L.latLng([t,e]);let o=null;return this._markerLayer.eachLayer(t=>{t instanceof L.Marker&&t.getLatLng().equals(i)&&(o=t)}),o}_hide(){this.disabled=!0}}customElements.define("pb-leaflet-map",h);export{h as PbLeafletMap};

package/package.json

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

package/pb-elements.json

@@ -642,6 +642,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "group",
+          "description": "A list of space- or comma-separated group names, whose members will be\nallowed to add or edit entries in the local register (if enabled).",
+          "type": "string",
+          "default": "\"\\\"tei\\\"\""
+        },
         {
           "name": "subscribe",
           "description": "The name of the channel to subscribe to. Only events on a channel corresponding\nto this property are listened to.",
@@ -698,6 +704,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "group",
+          "attribute": "group",
+          "description": "A list of space- or comma-separated group names, whose members will be\nallowed to add or edit entries in the local register (if enabled).",
+          "type": "string",
+          "default": "\"\\\"tei\\\"\""
+        },
         {
           "name": "subscribe",
           "attribute": "subscribe",
@@ -5504,7 +5517,7 @@
         },
         {
           "name": "geo-coding",
-          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: single clicking on the map will request information\nabout the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
+          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: clicking on the map while pressing ctrl or cmd \nwill request information about the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
           "type": "boolean",
           "default": "false"
         },
@@ -5624,7 +5637,7 @@
         {
           "name": "geoCoding",
           "attribute": "geo-coding",
-          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: single clicking on the map will request information\nabout the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
+          "description": "Enables geocoding: an additional control will allow users to search for a place.\nReverse geocoding is also possible: clicking on the map while pressing ctrl or cmd \nwill request information about the current location.\n\nIn both cases, a `pb-geocode` event will be emitted containing additional information\nabout the place in the event details (see demo).\n\nFor lookups the free OSM/Nominatim service is used.",
           "type": "boolean",
           "default": "false"
         },
@@ -9465,7 +9478,8 @@
         {
           "name": "login",
           "description": "Id of the pb-login element to connect to",
-          "type": "string"
+          "type": "string",
+          "deprecatedMessage": "no longer used"
         },
         {
           "name": "group",
@@ -9514,7 +9528,8 @@
           "name": "login",
           "attribute": "login",
           "description": "Id of the pb-login element to connect to",
-          "type": "string"
+          "type": "string",
+          "deprecatedMessage": "no longer used"
         },
         {
           "name": "group",

package/src/pb-authority-lookup.js

@@ -3,6 +3,7 @@ import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
 import { pbMixin, waitOnce } from './pb-mixin.js';
 import { translate } from "./pb-i18n.js";
 import { createConnectors } from "./authority/connectors.js";
+import "./pb-restricted.js";
 import '@polymer/paper-input/paper-input';
 import '@polymer/paper-icon-button';
 
@@ -41,6 +42,15 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
       stopwords: {
         type: String
       },
+      /**
+       * A list of space- or comma-separated group names, whose members will be
+       * allowed to add or edit entries in the local register (if enabled).
+       * 
+       * @default "tei"
+       */
+      group: {
+        type: String
+      },
       _results: {
         type: Array,
       },
@@ -55,6 +65,7 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
     this.sortByLabel = false;
     this._results = [];
     this._authorities = {};
+    this.group = 'tei';
   }
 
   connectedCallback() {
@@ -92,8 +103,11 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
         <iron-icon icon="icons:search" slot="prefix"></iron-icon>
         ${
           this._authorities[this.type] && this._authorities[this.type].editable ?
-            html`<paper-icon-button icon="icons:add" @click="${this._addEntity}" title="${translate('annotations.add-entity')}" slot="suffix"></paper-icon-button>` :
-            null
+          html`
+            <pb-restricted group="${this.group}" slot="suffix">
+              <paper-icon-button icon="icons:add" @click="${this._addEntity}" title="${translate('annotations.add-entity')}"></paper-icon-button>
+            </pb-restricted>
+            ` : null
         }
       </paper-input>
       <slot name="authform"></slot>
@@ -144,13 +158,16 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
 
         ${ 
           this._authorities[this.type] && this._authorities[this.type].editable ?
-            html`<div class="icons">
-                <paper-icon-button
-                    icon="editor:mode-edit"
-                    @click="${() => this._editEntity(item)}"
-                    title="${translate('annotations.edit-entity')}"
-                ></paper-icon-button>
-            </div>` : null 
+            html`
+            <pb-restricted group="${this.group}">
+              <div class="icons">
+                  <paper-icon-button
+                      icon="editor:mode-edit"
+                      @click="${() => this._editEntity(item)}"
+                      title="${translate('annotations.edit-entity')}"
+                  ></paper-icon-button>
+              </div>
+            </pb-restricted>` : null 
         }
         ${item.details ? html`<div class="details" part="details">${item.details}</div>` : null}
 
@@ -260,6 +277,11 @@ export class PbAuthorityLookup extends pbMixin(LitElement) {
         flex-direction: column;
       }
 
+      header {
+        display: flex;
+        align-items: center;
+      }
+
       .link {
         flex-grow: 2;
       }

package/src/pb-leaflet-map.js

@@ -100,8 +100,8 @@ export class PbLeafletMap extends pbMixin(LitElement) {
             },
             /**
              * Enables geocoding: an additional control will allow users to search for a place.
-             * Reverse geocoding is also possible: single clicking on the map will request information
-             * about the current location.
+             * Reverse geocoding is also possible: clicking on the map while pressing ctrl or cmd 
+             * will request information about the current location.
              * 
              * In both cases, a `pb-geocode` event will be emitted containing additional information
              * about the place in the event details (see demo).
@@ -260,7 +260,7 @@ export class PbLeafletMap extends pbMixin(LitElement) {
         }
     }
 
-    async firstUpdated() {
+    firstUpdated() {
         if (!this.toggle) {
             this.disabled = false;
         }
@@ -274,17 +274,18 @@ export class PbLeafletMap extends pbMixin(LitElement) {
         const leafletPath = resolveURL('../lib/leaflet-src.js');
         const pluginPath = resolveURL('../lib/leaflet.markercluster-src.js');
         const geoCodingPath = resolveURL('../lib/Control.Geocoder.min.js');
-        await window.ESGlobalBridge.instance.load("leaflet", leafletPath);
-        await window.ESGlobalBridge.instance.load("plugin", pluginPath);
-        if (this.geoCoding) {
-            await window.ESGlobalBridge.instance.load("geocoding", geoCodingPath);
-        }
-
-        window.addEventListener(
-            `es-bridge-${this.geocoding ? 'geoCoding' : 'plugin'}-loaded`,
-            this._initMap.bind(this),
-            { once: true }
-        );
+        window.ESGlobalBridge.instance.load("leaflet", leafletPath)
+            .then(() => {
+                window.ESGlobalBridge.instance.load("plugin", pluginPath)
+                    .then(() => {
+                        if (this.geoCoding) {
+                            window.ESGlobalBridge.instance.load("geocoding", geoCodingPath)
+                                .then(this._initMap.bind(this));
+                        } else {
+                            this._initMap();
+                        }
+                    });
+            });
     }
 
     render() {
@@ -325,7 +326,7 @@ export class PbLeafletMap extends pbMixin(LitElement) {
             return;
         }
 
-        L.Icon.Default.imagePath = resolveURL(this.imagesPath);
+                L.Icon.Default.imagePath = resolveURL(this.imagesPath);
 
         const crs = L.CRS[this.crs] || L.CRS.EPSG3857;
         this._map = L.map(this.shadowRoot.getElementById('map'), {
@@ -406,19 +407,22 @@ export class PbLeafletMap extends pbMixin(LitElement) {
         control.addTo(this._map);
 
         this._map.on('click', (e) => {
-            geocoder.reverse(e.latlng, this._map.options.crs.scale(this._map.getZoom()), (results) => {
-                const geocode = results[0];
-                const options = {
-                    coordinates: {
-                        longitude: geocode.center.lng,
-                        latitude: geocode.center.lat,
-                    },
-                    name: geocode.name,
-                    label: geocode.html,
-                    properties: geocode.properties
-                };
-                this.emitTo('pb-geocode', options);
-            });
+            if (e.originalEvent.ctrlKey || e.originalEvent.metaKey) {
+                e.originalEvent.stopPropagation();
+                geocoder.reverse(e.latlng, this._map.options.crs.scale(this._map.getZoom()), (results) => {
+                    const geocode = results[0];
+                    const options = {
+                        coordinates: {
+                            longitude: e.latlng.lng,
+                            latitude: e.latlng.lat,
+                        },
+                        name: geocode.name,
+                        label: geocode.html,
+                        properties: geocode.properties
+                    };
+                    this.emitTo('pb-geocode', options);
+                });
+            }
         });
     }
 
@@ -516,7 +520,11 @@ export class PbLeafletMap extends pbMixin(LitElement) {
                         );
                     } else {
                         layer.openTooltip();
-                        this._map.setView(coords, this.zoom);
+                        if (zoom) {
+                            this._map.setView(coords, zoom);
+                        } else {
+                            this._map.panTo(coords);
+                        }
                     }
                     if (setActive && this._icons && this._icons.active) {
                         layer.setIcon(this._icons.active);

package/src/pb-login.js

@@ -1,6 +1,7 @@
 import { LitElement, html, css } from 'lit-element';
 import { pbMixin, waitOnce } from './pb-mixin.js';
 import { translate } from "./pb-i18n.js";
+import { registry } from "./urls.js";
 import '@polymer/iron-ajax';
 import '@polymer/paper-dialog';
 import '@polymer/paper-dialog-scrollable';
@@ -250,6 +251,15 @@ export class PbLogin extends pbMixin(LitElement) {
             }
         }
         this.emitTo('pb-login', resp);
+
+        if (this.loggedIn) {
+            registry.currentUser = {
+                user: this.user,
+                groups: this.groups
+            }
+        } else {
+            registry.currentUser = null;
+        }
     }
 
     _handleError() {
@@ -266,6 +276,7 @@ export class PbLogin extends pbMixin(LitElement) {
             this._loginDialog.open();
         }
 
+        registry.currentUser = null;
         this.emitTo('pb-login', resp);
     }
 

package/src/pb-restricted.js

@@ -1,6 +1,41 @@
 import { LitElement, html, css } from 'lit-element';
 import { pbMixin } from './pb-mixin.js';
+import { registry } from './urls.js';
 
+/**
+ * 
+ * @param {Array<String>} arr array containg string values (name of groups)
+ * @param {String} val value to check if it's in the array
+ * @returns true if the checked values is in the array
+ */
+function _isItemInArray(arr, val) {
+    return arr.some((arrVal) => val === arrVal);
+}
+
+/**
+ * 
+ * @param {object} user user name returned by login function; 
+ * @param {object} groups contains groups (an array) the logged user is a member of
+ * @param {string} targetGroups string containing (optionally) space separated list of target groups
+ * @returns true if user is member of one of the target groups
+ */
+export function isLoggedIn(user, groups, targetGroups) {
+    if (user == null) {
+        return false;
+    }
+    if (targetGroups) {
+        if (!groups) {
+            return false;
+        }
+        const groupArray = targetGroups.split(/[\s+,]+/);
+        let exists = false;
+        groupArray.forEach(async (oneItem) => {
+            exists = _isItemInArray(groups, oneItem) || exists;
+        });
+        return exists;
+    }
+    return true;
+}
 
 /**
  * Show content if the user is logged in. Optionally requires the user
@@ -18,7 +53,9 @@ export class PbRestricted extends pbMixin(LitElement) {
     static get properties() {
         return {
             ...super.properties,
-            /** Id of the pb-login element to connect to */
+            /** Id of the pb-login element to connect to 
+             * @deprecated no longer used
+             */
             login: {
                 type: String
             },
@@ -50,15 +87,10 @@ export class PbRestricted extends pbMixin(LitElement) {
             this.classList.add('fallback');
         }
 
-        const login = document.getElementById(this.login);
-        if (!login) {
-            console.error('<pb-restricted> connected pb-login element not found!');
-            return;
-        }
         this.subscribeTo('pb-login', (ev) => {
             this.show = this._loggedIn(ev.detail.user, ev.detail.groups);
         }, []);
-        this.show = login.loggedIn && this._loggedIn(login.user, login.groups);
+        this.show = registry.currentUser && this._loggedIn(registry.currentUser.user, registry.currentUser.groups);
     }
 
     render() {
@@ -74,43 +106,13 @@ export class PbRestricted extends pbMixin(LitElement) {
             }
 
             :host(.fallback), :host([show]) {
-                display: block;
+                display: inherit;
             }
         `;
     }
 
-    /**
-     * 
-     * @param {Array<String>} arr array containg string values (name of groups)
-     * @param {String} val value to check if it's in the array
-     * @returns true if the checked values is in the array
-     */
-    _isItemInArray(arr, val) {
-        return arr.some((arrVal) => val === arrVal);
-    }
-
-    /**
-     * 
-     * @param {object} user user name returned by login function; 
-     * @param {object} groups contains groups (an array) the logged user is a member of
-     * @returns true if user is member of one of defined groups
-     */
     _loggedIn(user, groups) {
-        if (user == null) {
-            return false;
-        }
-        if (this.group) {
-            if (!groups) {
-                return false;
-            }
-            let groupArray = this.group.split(/[\s+,]+/);
-            let exists = false;
-            groupArray.forEach(async (oneItem) => {
-                exists = this._isItemInArray(groups, oneItem) || exists;
-            });
-            return exists;
-        }
-        return true;
+        return isLoggedIn(user, groups, this.group);
     }
 }
 customElements.define('pb-restricted', PbRestricted);

package/src/pb-view-annotate.js

@@ -556,11 +556,14 @@ class PbViewAnnotate extends PbView {
       console.log('<pb-view-annotate> selection: %o', range);
 
       if (changed) {
-        this._inHandler = true;
         setTimeout(() => {
-          selection.removeAllRanges();
-          selection.addRange(range);
-          this.inHandler = false;
+          this._inHandler = true;
+          try {
+            selection.removeAllRanges();
+            selection.addRange(range);
+          } finally {
+            this.inHandler = false;
+          }
         }, 100);
       }
       this.emitTo('pb-selection-changed', { hasContent: true, range, selected:  selection.toString()});

package/src/urls.js

@@ -69,6 +69,12 @@ class Registry {
 
         this.urlIgnore = new Set();
         this.pathParams = new Set();
+
+        /**
+         * Information about the user currently logged in or null. If a user is logged in
+         * this will be an object with two properties: `user` and `groups`.
+         */
+        this.currentUser = null;
     }
 
     configure(usePath = true, idHash = false, rootPath = '', urlPattern, ignoredParams) {