@teipublisher/pb-components 2.26.1-next.3 → 3.0.0-next-4.2

package/dist/pb-facsimile.js

@@ -0,0 +1,46 @@
+import{p as e,a as t,r as i,x as o,i as s}from"./pb-mixin-DHoWQheB.js";import"./es-global-bridge-D8ZcUcx_.js";class r extends(e(t)){static get properties(){return Object.assign(Object.assign({},super.properties),{},{showNavigationControl:{type:Boolean,attribute:"show-navigation-control"},showNavigator:{type:Boolean,attribute:"show-navigator"},showSequenceMode:{type:Boolean,attribute:"show-sequence-control"},showHomeControl:{type:Boolean,attribute:"show-home-control"},showFullPageControl:{type:Boolean,attribute:"show-full-page-control"},showDownloadButton:{type:Boolean,attribute:"show-download-control"},defaultZoomLevel:{type:Number,attribute:"default-zoom-level"},showRotationControl:{type:Boolean,attribute:"show-rotation-control"},constrainDuringPan:{type:Boolean,attribute:"contrain-during-pan"},visibilityRatio:{type:Number,attribute:"visibility-ratio"},referenceStrip:{type:Boolean,attribute:"reference-strip"},referenceStripSizeRatio:{type:Number,attribute:"reference-strip-size-ratio"},type:{type:String},baseUri:{type:String,attribute:"base-uri"},prefixUrl:{type:String,attribute:"prefix-url"},facsimiles:{type:Array},loaded:{type:Boolean,reflect:!0},crossOriginPolicy:{type:String,attribute:"cors"}})}constructor(){super(),this._facsimiles=[],this.baseUri="",this.crossOriginPolicy="anonymous",this.type="iiif",this.visibilityRatio=1,this.defaultZoomLevel=0,this.sequenceMode=!1,this.showHomeControl=!1,this.showNavigator=!1,this.showNavigationControl=!1,this.showFullPageControl=!1,this.showRotationControl=!1,this.showDownloadButton=!1,this.constrainDuringPan=!1,this.referenceStrip=!1,this.referenceStripSizeRatio=.2,this.prefixUrl="../images/openseadragon/",this.loaded=!1,this._facsimileObserverScheduled=!1}set facsimiles(e){this._facsimiles=e||[],this.loaded=this._facsimiles.length>0,this.emitTo("pb-facsimile-status",{status:"loading"})}connectedCallback(){super.connectedCallback(),this.subscribeTo("pb-start-update",this._clearAll.bind(this)),this.subscribeTo("pb-load-facsimile",e=>{const{element:t,order:i}=e.detail,o=this._facsimiles.map(e=>e.getOrder?e.getOrder():Number.POSITIVE_INFINITY).reduce((e,t,o)=>i<t?e:i===t?o:o+1,0);this._facsimiles.splice(o,0,t),this.loaded=this._facsimiles.length>0,this._scheduleFacsimileObserver()}),this.subscribeTo("pb-show-annotation",this._showAnnotationListener.bind(this))}firstUpdated(){try{const e=window.ESGlobalBridge.requestAvailability(),t=i("../lib/openseadragon.min.js");if(e.imports.openseadragon)return void this._initOpenSeadragon();window.addEventListener("es-bridge-openseadragon-loaded",this._initOpenSeadragon.bind(this),{once:!0}),e.load("openseadragon",t)}catch(e){console.error(e.message)}}render(){return o`
+      <slot name="before"></slot>
+      <!-- Openseadragon -->
+
+      <div id="viewer" part="image"></div>
+      <slot name="after"></slot>
+      ${this.showDownloadButton?o`<a id="downloadBtn" title="Download">&#8676;</a>`:""}
+    `}static get styles(){return s`
+      :host {
+        display: flex;
+        flex-direction: column;
+        position: relative;
+        background: transparent;
+      }
+
+      #runtime-overlay {
+        border: var(--pb-facsimile-border, 4px solid rgba(0, 0, 128, 0.5));
+      }
+
+      #viewer {
+        flex: 1;
+        position: relative;
+        max-height: var(--pb-facsimile-height, auto);
+        width: 100%;
+      }
+      #downloadBtn {
+        position: absolute;
+        z-index: 100;
+        bottom: 0.25rem;
+        width: 1.35rem;
+        height: 1.35rem;
+        transform: rotate(-90deg);
+        cursor: pointer;
+        border: thin solid #d7dde8;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 0.75rem;
+        background-image: linear-gradient(to left, #fafafa 0%, #d7dde8 51%, #bbbbbb 100%);
+        font-size: 1.2rem;
+        box-shadow: -2px 1px 5px 0px rgba(0, 0, 0, 0.75);
+      }
+      #downloadBtn:hover {
+        background-image: radial-gradient(white, #efefef);
+      }
+    `}_initOpenSeadragon(){const e=i(this.prefixUrl+(this.prefixUrl.endsWith("/")?"":"/")),t={element:this.shadowRoot.getElementById("viewer"),prefixUrl:e,preserveViewport:!0,showZoomControl:!0,sequenceMode:this.showSequenceMode,showHomeControl:this.showHomeControl,showFullPageControl:this.showFullPageControl,showNavigator:this.showNavigator,showNavigationControl:this.showNavigationControl,showRotationControl:this.showRotationControl,autoHideControls:!1,visibilityRatio:1,minZoomLevel:1,defaultZoomLevel:this.defaultZoomLevel,constrainDuringPan:!0,crossOriginPolicy:this.crossOriginPolicy};this.referenceStrip&&(t.showReferenceStrip=!0,t.referenceStripSizeRatio=this.referenceStripSizeRatio),this.viewer=OpenSeadragon(t),this.showFullPageControl&&this._overrideFullscreenButton(),this.viewer.addHandler("open",()=>{this.resetZoom(),this.emitTo("pb-facsimile-status",{status:"loaded",facsimiles:this._facsimiles})}),this.viewer.addHandler("open-failed",e=>{console.error("<pb-facsimile> open failed: %s",e.message),this.loaded=!1,this.emitTo("pb-facsimile-status",{status:"fail"})});const o=this.shadowRoot.querySelector("#downloadBtn");this.showDownloadButton&&o.addEventListener("click",e=>{e.preventDefault();const t=this.viewer.drawer.canvas.toDataURL("image/png"),i=document.createElement("a");i.href=t,i.download="download",i.click()}),this.ownerPage=document.querySelector("pb-page"),this.ownerPage&&(this.pbPageDisplay=window.getComputedStyle(this.ownerPage).getPropertyValue("display"),this.viewer.addHandler("full-screen",e=>{e.fullScreen?this.ownerPage.style.display="none":(this.viewer.clearOverlays(),this.emitTo("pb-refresh"),this.ownerPage.style.display=this.pbPageDisplay)})),this._scheduleFacsimileObserver(),console.log("facsimile ready"),this.signalReady()}_scheduleFacsimileObserver(){this._facsimileObserverScheduled||(this._facsimileObserverScheduled=!0,setTimeout(()=>{this._facsimileObserverScheduled=!1,this._facsimileObserver()},0))}_facsimileObserver(){if(!this.viewer)return;if(0===this._facsimiles.length)return void this.viewer.close();const e=10,t=this._facsimiles.slice(0,e).map(e=>{const t=this.baseUri+(e.getImage?e.getImage():e);return"iiif"===this.type?`${t}/info.json`:{tileSource:{type:"image",url:t,buildPyramid:!1}}}),i=[],o=new Set;for(const e of t){const t=JSON.stringify(e);o.has(t)||(o.add(t),i.push(e))}this.viewer.open(i),this.viewer.goToPage(0)}_clearAll(){this.viewer&&(this.resetZoom(),this.viewer.clearOverlays(),this.facsimiles=[])}_showAnnotationListener(e){if(!this.viewer)return;const t="runtime-overlay";if(this.overlay)try{this.viewer.removeOverlay(this.overlay)}catch(e){}if(!e.detail.file||0===e.detail.file)return console.error("file missing",e.detail);if(e.detail.coordinates&&(!e.detail.coordinates[0]||4!==e.detail.coordinates.length))return console.error("coords incomplete or missing",e.detail);const i=e.detail.element?this._pageByElement(e.detail.element):this._pageIndexByUrl(e.detail.file);if(i<0)return console.error("page not found",e.detail);if(this.viewer.currentPage()!==i&&this.viewer.goToPage(i),e.detail.coordinates){const[i,o,s,r]=e.detail.coordinates,a=this.viewer.world.getItemAt(0);if(!a)return void console.error("No tiled image available yet for annotation.");const n=a.viewportToImageRectangle(a.getBounds(!0));n.containsPoint(new OpenSeadragon.Point(i,o))||this.viewer.viewport.fitBoundsWithConstraints(a.imageToViewportRectangle(i,o,n.width,n.height));const l=document.createElement("div");this.overlay=l,l.id=t;const d=a.imageToViewportRectangle(i,o,s,r);this.viewer.addOverlay({element:l,location:d})}}_pageByElement(e){return this._facsimiles.indexOf(e)}_pageIndexByUrl(e){return this._facsimiles.findIndex(t=>t.getImage()===e)}resetZoom(){this.viewer&&this.viewer.viewport.goHome()}_overrideFullscreenButton(){const e=this.viewer.buttonGroup.buttons.find(e=>"Toggle full page"===e.tooltip);if(!e)return;const t=async()=>{document.fullscreenElement?await document.exitFullscreen():await this.viewer.element.requestFullscreen()};e.onRelease=t;const i=e.raiseEvent;e.raiseEvent=(o,s)=>{"release"===o?t():i.call(e,o,s)}}}customElements.get("pb-facsimile")||customElements.define("pb-facsimile",r);export{r as PbFacsimile};

package/dist/pb-i18n-C0NDma4h.js

@@ -0,0 +1 @@
+import{a as e}from"./pb-mixin-DHoWQheB.js";let t,n=0;const s=new Map;function i(e){t=e,n++,s.clear()}function r(e,n){return t?t(e,n):e}const c=(e,t)=>r(e,t);"undefined"!=typeof document&&document.addEventListener("pb-i18n-update",e=>{var i;const r=null===(i=e.detail)||void 0===i?void 0:i.t;r&&r!==t&&(t=r),n++,s.clear()});class o extends e{static get properties(){return Object.assign(Object.assign({},super.properties),{},{key:{type:String},options:{type:Object},_translated:{type:String}})}constructor(){super(),this.key="missing-key",this.options=null,this._translated=null,this._fallback="",this._onI18nUpdate=()=>this._recompute(),this._recomputeTimer=null}connectedCallback(){super.connectedCallback(),this._capturedFallback||(this._fallback=this.innerHTML,this._capturedFallback=!0),this.innerHTML="","undefined"!=typeof document&&document.addEventListener("pb-i18n-update",this._onI18nUpdate),this._scheduleRecompute()}disconnectedCallback(){"undefined"!=typeof document&&document.removeEventListener("pb-i18n-update",this._onI18nUpdate),this._recomputeTimer&&(clearTimeout(this._recomputeTimer),this._recomputeTimer=null),super.disconnectedCallback()}updated(e){(e.has("key")||e.has("options"))&&this._scheduleRecompute()}_scheduleRecompute(){this._recomputeTimer||(this._recomputeTimer=setTimeout(()=>{this._recomputeTimer=null,this._recompute()},20))}_recompute(){const e=this.options||{},t=`${n}::${this.key}::${JSON.stringify(e)}`;if(s.has(t))return void(this._translated=s.get(t));const i=r(this.key,e),c=i&&i!==this.key?i:null;s.set(t,c),this._translated=c}render(){return this._translated??this._fallback}createRenderRoot(){return this}}customElements.define("pb-i18n",o);export{r as g,i,c as t};

package/dist/pb-leaflet-map.js

@@ -1,25 +1,25 @@
-import{L as t,p as e,r as i,h as o,c as s}from"./pb-mixin-b1caa22e.js";import"./es-global-bridge-d8ce175d.js";import{g as a}from"./pb-i18n-0611135a.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",{element: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",{element: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)}),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 {
-                display: block;
-            }
+import{a as e,p as t,r as i,x as o,i as a}from"./pb-mixin-DHoWQheB.js";import"./es-global-bridge-D8ZcUcx_.js";import{g as r}from"./pb-i18n-C0NDma4h.js";const s=["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=>{s.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 p 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,this._mapReady=!1,this._markerLayer=null}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&&(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",{element:e})}),t.bindTooltip(e.label),this.setMarkerIcon(t),this._markerLayer.addLayer(t)}),this._fitBounds())}),this.subscribeTo("pb-update",e=>{if(!this._markerLayer)return;this._markerLayer.clearLayers();e.detail.root.querySelectorAll("pb-geolocation").forEach(e=>{const t=L.latLng(e.latitude,e.longitude),i=L.marker(t);this._markerLayer.addLayer(i),e.label&&i.bindTooltip(e.label),e.popup&&i.bindPopup(e.popup),i.addEventListener("click",()=>{this.emitTo("pb-leaflet-marker-click",{element: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&&"function"==typeof this._markerLayer.clearLayers&&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)}),e.detail.label&&t.bindTooltip(e.detail.label),e.detail.popup&&t.bindPopup(e.detail.popup),this.setMarkerIcon(t),this._markerLayer&&"function"==typeof this._markerLayer.addLayer&&this._markerLayer.addLayer(t),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)}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"),a=()=>{this.geoCoding?fetch(o,{method:"HEAD"}).then(e=>{if(e.ok)return window.ESGlobalBridge.instance.load("geocoding",o);throw new Error(`Geocoding script not available at ${o} (${e.status})`)}).then(this._initMap.bind(this)).catch(e=>{console.warn("<pb-leaflet-map> Failed to load geocoding script, initializing map without geocoding:",e),this._initMap()}):this._initMap()};window.ESGlobalBridge.instance.load("leaflet",e).then(()=>{this.cluster?window.ESGlobalBridge.instance.load("plugin",t).then(a).catch(e=>{console.warn("<pb-leaflet-map> Failed to load marker cluster plugin, initializing without clustering:",e),a()}):a()}).catch(e=>{console.error("<pb-leaflet-map> Failed to load Leaflet library:",e)})}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}
+      <div id="map" style="height: 100%; width: 100%"></div>
+    `}static get styles(){return a`
+      :host {
+        display: block;
+      }
 
-            :host([disabled]) {
-                visibility: hidden;
-            }
+      :host([disabled]) {
+        visibility: hidden;
+      }
 
-            .close {
-                border-radius: 4px;
-                background-color: #fff;
-                color: inherit;
-                padding: 8px;
-                font-size: 18px;
-                font-weight: bold;
-                text-decoration: none;
-                cursor: pointer;
-            }
-        `}_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};
+      .close {
+        border-radius: 4px;
+        background-color: #fff;
+        color: inherit;
+        padding: 8px;
+        font-size: 18px;
+        font-weight: bold;
+        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&&"function"==typeof L.markerClusterGroup){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._mapReady=!0,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;if(!L.Control||!L.Control.Geocoder)return void console.warn("<pb-leaflet-map> Geocoding library not properly loaded, skipping geocoding configuration");if(!L.Control.Geocoder.nominatim)return void console.warn("<pb-leaflet-map> Nominatim geocoder not available, skipping geocoding configuration");const e=L.Control.Geocoder.nominatim({geocodingQueryParams:{"accept-language":"en"}}),t=L.Control.geocoder({defaultMarkGeocode:!1,geocoder:e,placeholder:r("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=>{(t.originalEvent.ctrlKey||t.originalEvent.metaKey)&&(t.originalEvent.stopPropagation(),e.reverse(t.latlng,this._map.options.crs.scale(this._map.getZoom()),e=>{const i=e[0],o={coordinates:{longitude:t.latlng.lng,latitude:t.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(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:'&copy; <a href="https://www.mapbox.com/about/maps/">Mapbox</a> &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank" rel="noopener">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:!0});this._layers.forEach(t=>{let i;if("geojson"===t.type)t.data().then(o=>{i=L.geoJSON([o]),this._addLayer(t,i,e)});else 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._markerLayer)return;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._markerLayer&&this._map){const a=L.latLng([e,t]);this._markerLayer.eachLayer(e=>{e.getLatLng().equals(a)?(i&&!this.noScroll?(e.openTooltip(),this._map.setView(a,i)):this.cluster?this._markerLayer.zoomToShowLayer(e,()=>e.openTooltip()):(e.openTooltip(),i?this._map.setView(a,i):this._map.panTo(a)),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){if(!this._markerLayer)return null;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",p);export{p as PbLeafletMap};