@geogirafe/lib-geoportal 1.1.0-dev.2631714424 → 1.1.0-dev.2636580374

package/components/menubutton/component.js

@@ -8,7 +8,7 @@ class MenuButtonComponent extends GirafeHTMLElement {
         return uHtml `<style>
 .hidden{display:none!important}.gg-rotate90{transform:rotate(90deg)}.gg-rotate180{transform:rotate(180deg)}.gg-rotate270{transform:rotate(270deg)}img{filter:var(--svg-filter)}img.legend-image{filter:var(--svg-map-filter);background:var(--svg-legend-bkg)}div{scrollbar-width:thin}a,a:visited{color:var(--link-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-wait{0%{transform:rotate(0)}7%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.gg-spin{animation-name:spin;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}.gg-spin-wait{animation-name:spin-wait;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#999}button,input,select,textarea{font:inherit}.gg-button,.gg-select,.gg-input,.gg-textarea{background-color:var(--bkg-color);color:var(--text-color);border:var(--app-standard-border);box-sizing:border-box;cursor:pointer;border-radius:3px;outline:0;margin:0;padding:0 0 0 .5rem;display:inline-block}.gg-label{background-color:var(--bkg-color);color:var(--text-color);border:none;align-items:center;margin:0;padding:0;display:flex}.gg-button,.gg-select,.gg-input,.gg-label{min-height:calc(var(--app-standard-height) / 1.5)}.gg-textarea{max-height:initial;resize:vertical;height:6rem;padding:.5rem;line-height:1.3rem}.gg-input{cursor:text}.gg-checkbox{accent-color:var(--text-color);width:1.2rem}.gg-range{accent-color:var(--text-color)}.gg-button{padding:0 .5rem}.gg-button.active{border:solid 1px var(--text-color-grad1);background-color:var(--bkg-color-grad2)}.gg-button:disabled{background-color:var(--bkg-color-grad1);color:var(--text-color-grad2);cursor:not-allowed;border:none}.gg-button:disabled img{filter:opacity(.6)}.gg-input:disabled,.gg-select:disabled,.gg-textarea:disabled{background-color:var(--bkg-color-grad1);color:var(--text-color-grad2);cursor:not-allowed}.gg-button>img{vertical-align:middle}.gg-icon-button{color:var(--text-color);cursor:pointer;background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.gg-icon{justify-content:center;align-items:center;display:flex}.gg-big,.gg-big-withtext{min-width:var(--app-standard-height);min-height:var(--app-standard-height);max-height:var(--app-standard-height)}.gg-big img,.gg-big-withtext img{width:calc(var(--app-standard-height) - 1.5rem);margin:0}.gg-big-withtext span{font-variant:small-caps;padding:0 1rem;font-size:.9rem}.gg-medium,.gg-medium-withtext{min-width:calc(var(--app-standard-height) / 1.2);min-height:calc(var(--app-standard-height) / 1.2);max-height:calc(var(--app-standard-height) / 1.2);flex-direction:row}.gg-medium img{width:calc(var(--app-standard-height) / 2.4);margin:0}.gg-medium-withtext img{width:calc(var(--app-standard-height) / 2.4);margin-left:.5rem}.gg-medium-withtext span{padding:0 1rem 0 .5rem;font-size:.9rem}.gg-small,.gg-small-withtext{min-width:calc(var(--app-standard-height) / 2);min-height:calc(var(--app-standard-height) / 2);max-height:calc(var(--app-standard-height) / 2);flex-direction:row}.gg-small img{width:calc(var(--app-standard-height) / 3);margin:0}.gg-small-withtext img{width:calc(var(--app-standard-height) / 3);margin-left:.5rem}.gg-small-withtext span{padding:0 .5rem 0 .3rem;font-size:.9rem}.gg-button:hover:not(:disabled),.gg-select:hover:not(:disabled),.gg-input:hover:not(:disabled),.gg-textarea:hover:not(:disabled),.gg-icon-button:hover:not(:disabled){background-color:var(--bkg-color-grad1)}.gg-opacity{opacity:.5}.gg-opacity:hover{opacity:1;background-color:#0000}.gg-tabs{cursor:pointer;grid-auto-flow:column;padding-bottom:1rem;font-size:1rem;display:grid}.gg-tab{border:none;border-bottom:var(--app-standard-border);cursor:pointer;color:var(--text-color);background:0 0;padding:.5rem}.gg-tab.active{border-bottom:solid 1px var(--text-color)}.girafe-button-big,.girafe-button-large,.girafe-button-small,.girafe-button-tiny{color:var(--text-color);background-color:#0000;border:none;flex-direction:column;display:flex}.girafe-button-big:hover,.girafe-button-large:hover,.girafe-button-small:hover,.girafe-button-tiny:hover{background-color:var(--bkg-color-grad1);cursor:pointer}.girafe-button-big.dark,.girafe-button-large.dark,.girafe-button-small.dark,.girafe-button-tiny.dark{background-color:var(--bkg-color);filter:invert()}.girafe-button-big{width:var(--app-standard-height);height:var(--app-standard-height);align-items:center;padding:1rem}.girafe-button-big img{overflow:hidden}.girafe-button-large{flex-direction:row}.girafe-button-large img{height:2rem;margin:.3rem}.girafe-button-large span{height:2rem;margin:.3rem;line-height:2rem}.girafe-button-small{min-width:calc(var(--app-standard-height) / 2);height:calc(var(--app-standard-height) / 2);align-items:center;padding:.5rem}.girafe-button-small img{overflow:hidden}.girafe-button-small span{text-align:left;text-overflow:ellipsis;width:100%;overflow:hidden}.girafe-button-tiny{align-items:center;width:1rem;height:1rem;padding:0}.girafe-button-tiny img{overflow:hidden}.girafe-onboarding-theme{background-color:var(--bkg-color)!important;color:var(--text-color)!important}.girafe-onboarding-theme button{background-color:var(--bkg-color)!important;color:var(--text-color)!important;text-shadow:none!important}.girafe-onboarding-theme button.driver-popover-close-btn{z-index:10000}
 </style><style>
-.container{position:relative}.menu-content{border:var(--app-standard-border);background:var(--bkg-color);z-index:1000;box-shadow:var(--bx-shdw);border-width:2px;border-radius:4px;margin-right:.2rem;font-size:0;display:flex;position:absolute}.open-bottom{flex-direction:column;width:fit-content;height:max-content;top:100%;left:0}.open-bottom-left{flex-direction:row;width:fit-content;height:max-content;top:100%;right:0}.open-up{flex-direction:column;width:fit-content;height:max-content;bottom:100%;right:0}.open-up-right{flex-direction:column;width:fit-content;height:max-content;bottom:100%;left:0}.open-left{flex-direction:row;width:max-content;height:fit-content;top:0;right:100%}
+.container{position:relative}.menu-content{border:var(--app-standard-border);background:var(--bkg-color);z-index:1000;box-shadow:var(--bx-shdw);border-width:2px;border-radius:4px;margin-right:.2rem;display:flex;position:absolute}.open-bottom{flex-direction:column;width:fit-content;height:max-content;top:100%;left:0}.open-bottom-left{flex-direction:row;width:fit-content;height:max-content;top:100%;right:0}.open-up{flex-direction:column;width:fit-content;height:max-content;bottom:100%;right:0}.open-up-right{flex-direction:column;width:fit-content;height:max-content;bottom:100%;left:0}.open-left{flex-direction:row;width:max-content;height:fit-content;top:0;right:100%}
 </style>
 <style>${this.customStyle}</style>
 <div class="container"><slot name="menu-button" onclick="${() => this.toggleMenu()}" onkeydown="${(e) => this.simulateClick(e)}"></slot><div class="${this.getClass()}"><slot name="menu-content"></slot></div></div>

package/components/menubutton/style.css

@@ -6,7 +6,6 @@
 .menu-content {
   position: absolute;
   display: flex;
-  font-size: 0;
   border: var(--app-standard-border);
   background: var(--bkg-color);
   border-radius: 4px;

package/package.json

@@ -5,7 +5,7 @@
     "name": "GeoGirafe PSC",
     "url": "https://doc.geogirafe.org"
   },
-  "version": "1.1.0-dev.2631714424",
+  "version": "1.1.0-dev.2636580374",
   "type": "module",
   "engines": {
     "node": ">=20.19.0"

package/templates/public/about.json

@@ -1 +1 @@
-{"version":"1.1.0-dev.2631714424", "build":"2631714424", "date":"26/06/2026"}
+{"version":"1.1.0-dev.2636580374", "build":"2636580374", "date":"29/06/2026"}

package/tools/geometrytools.d.ts

@@ -1,3 +1,5 @@
+import { Extent } from 'ol/extent.js';
+import Feature from 'ol/Feature.js';
 export declare function formatCoordinates(coords: number[], locale: string): string[];
 /**
  * Will check if given coords can be mapped to a max extent
@@ -9,3 +11,7 @@ export declare function formatCoordinates(coords: number[], locale: string): str
 export declare function parseCoordinates(coords: number[], extent: number[] | undefined, srid: string): number[];
 export declare function decimalToDMS(coordinate: number[]): string[];
 export declare function printCoordinate(coordinate: [number, number], format: 'dms' | 'decimal', precision: number): string[];
+/**
+ * Returns a bbox around the geometry that is x percent larger than the geometry.
+ */
+export declare function createBufferedExtentFromFeature(feature: Feature, percentageBuffer?: number): Extent | undefined;

package/tools/geometrytools.js

@@ -1,4 +1,5 @@
 // SPDX-License-Identifier: Apache-2.0
+import { buffer, getHeight, getWidth } from 'ol/extent.js';
 import { fromLonLat } from 'ol/proj.js';
 export function formatCoordinates(coords, locale) {
     const east = (Math.round(coords[0] * 100) / 100).toLocaleString(locale, { minimumFractionDigits: 2 });
@@ -69,3 +70,16 @@ export function printCoordinate(coordinate, format, precision) {
     }
     return coordString;
 }
+/**
+ * Returns a bbox around the geometry that is x percent larger than the geometry.
+ */
+export function createBufferedExtentFromFeature(feature, percentageBuffer = 50) {
+    const geom = feature.getGeometry();
+    if (geom) {
+        const extent = geom.getExtent();
+        // We create a buffer around the extent from a specified percentage of the width/height
+        const bufferValue = Math.max((getWidth(extent) * percentageBuffer) / 100, (getHeight(extent) * percentageBuffer) / 100);
+        return buffer(extent, bufferValue);
+    }
+    return undefined;
+}

package/tools/main.d.ts

@@ -31,7 +31,7 @@ export { default as FeedbackManager } from './feedback/feedbackmanager.js';
 export { BaseFilterCondition } from './filter/basefilter.js';
 export { KNOWN_FUNCTIONALITIES } from './functionalities.js';
 export { default as GeoConsts } from './geoconsts.js';
-export { formatCoordinates, parseCoordinates, decimalToDMS, printCoordinate } from './geometrytools.js';
+export { formatCoordinates, parseCoordinates, decimalToDMS, printCoordinate, createBufferedExtentFromFeature } from './geometrytools.js';
 export type { TranslationsDict } from './i18n/i18nmanager.js';
 export { default as I18nManager } from './i18n/i18nmanager.js';
 export { default as LayerManager } from './layers/layermanager.js';

package/tools/main.js

@@ -26,7 +26,7 @@ export { default as FeedbackManager } from './feedback/feedbackmanager.js';
 export { BaseFilterCondition } from './filter/basefilter.js';
 export { KNOWN_FUNCTIONALITIES } from './functionalities.js';
 export { default as GeoConsts } from './geoconsts.js';
-export { formatCoordinates, parseCoordinates, decimalToDMS, printCoordinate } from './geometrytools.js';
+export { formatCoordinates, parseCoordinates, decimalToDMS, printCoordinate, createBufferedExtentFromFeature } from './geometrytools.js';
 export { default as I18nManager } from './i18n/i18nmanager.js';
 export { default as LayerManager } from './layers/layermanager.js';
 export { default as SimpleMaskLayer } from './layers/simplemasklayer.js';

package/tools/search/abstractsearchclient.js

@@ -1,6 +1,6 @@
 import { GeoJSON } from 'ol/format.js';
 import GirafeSingleton from '../../base/GirafeSingleton.js';
-import { buffer, getHeight, getWidth } from 'ol/extent.js';
+import { createBufferedExtentFromFeature } from '../geometrytools.js';
 // The default provider is a container for search results that do not result from a provider search (e.g. map re-centering)
 export const SEARCH_PROVIDER_DEFAULT = 'default';
 // The default search group contains search results that do not belong to a specific category
@@ -72,14 +72,7 @@ class AbstractSearchClient extends GirafeSingleton {
      * Returns a bbox around the geometry that is 50% larger than the geometry.
      */
     getZoomToBbox(feature) {
-        const geom = feature.getGeometry();
-        if (geom) {
-            const extent = geom.getExtent();
-            // We create a buffer around the extent from 50% of the width/height
-            const bufferValue = Math.max((getWidth(extent) * 50) / 100, (getHeight(extent) * 50) / 100);
-            return buffer(extent, bufferValue);
-        }
-        return undefined;
+        return createBufferedExtentFromFeature(feature);
     }
 }
 export default AbstractSearchClient;

package/tools/search/searchmanager.d.ts

@@ -10,6 +10,8 @@ export type SearchProviderConfig = {
 declare class SearchManager extends GirafeSingleton {
     private readonly clients;
     private abortController;
+    private defaultSrid;
+    private defaultMaxExtent?;
     readonly minSearchTermLength = 3;
     constructor(context: IGirafeContext);
     initializeSingleton(): void;
@@ -27,7 +29,8 @@ declare class SearchManager extends GirafeSingleton {
      * using different separators such as `;`, `/`, `,`, or whitespace.
      */
     detectCoordinatesInTerm(term: string): [number, number] | null;
-    private parseCoordinate;
+    private parseCoordinateFromString;
+    private isCoordinatePairValid;
     getZoomToBbox(feature: Feature): Extent | undefined;
 }
 export default SearchManager;

package/tools/search/searchmanager.js

@@ -4,11 +4,14 @@ import GeoAdminChSearchClient from './geoadminchsearchclient.js';
 import GmfSearchClient from './gmfsearchclient.js';
 import GirafeSingleton from '../../base/GirafeSingleton.js';
 import Feature from 'ol/Feature.js';
-import { parseCoordinates } from '../geometrytools.js';
+import { createBufferedExtentFromFeature, parseCoordinates } from '../geometrytools.js';
+import { transform, transformExtent } from 'ol/proj.js';
 import { Point } from 'ol/geom.js';
 class SearchManager extends GirafeSingleton {
     clients = new Map();
     abortController = new AbortController();
+    defaultSrid;
+    defaultMaxExtent;
     minSearchTermLength = 3;
     constructor(context) {
         super(context);
@@ -18,6 +21,8 @@ class SearchManager extends GirafeSingleton {
         for (const providerConfig of this.context.configManager.Config.search.providers ?? []) {
             this.createClient(providerConfig);
         }
+        this.defaultSrid = this.context.configManager.getDefaultConfigValue('map.srid');
+        this.defaultMaxExtent = this.context.configManager.Config.map.maxExtent?.split(',').map(Number);
     }
     createClient(providerConfig) {
         switch (providerConfig.type) {
@@ -60,16 +65,25 @@ class SearchManager extends GirafeSingleton {
         return searchResults;
     }
     createCoordinateSearchResult(coordinates) {
-        const [coord1, coord2] = coordinates;
         const currentSrid = this.context.mapManager.getMap().getView().getProjection().getCode();
-        const maxExtent = this.context.configManager.Config.map.maxExtent?.split(',').map(Number);
-        const [eastCoord, northCoord] = parseCoordinates([coord1, coord2], maxExtent, currentSrid);
-        if (!eastCoord || !northCoord) {
+        let parsedCoordinates;
+        // Checks if the coordinates are within the default SRID max extent or geographic
+        parsedCoordinates = parseCoordinates(coordinates, this.defaultMaxExtent, this.defaultSrid);
+        if (this.isCoordinatePairValid(parsedCoordinates) && this.defaultSrid !== currentSrid) {
+            parsedCoordinates = transform(parsedCoordinates, this.defaultSrid, currentSrid);
+            parsedCoordinates = parsedCoordinates.map((number) => Math.round(number * 100) / 100);
+        }
+        // Try to parse the coordinates in the current map projection
+        if (!this.isCoordinatePairValid(parsedCoordinates) && this.defaultMaxExtent) {
+            const currentMaxExtent = transformExtent(this.defaultMaxExtent, this.defaultSrid, currentSrid);
+            parsedCoordinates = parseCoordinates(coordinates, currentMaxExtent, currentSrid);
+        }
+        if (!this.isCoordinatePairValid(parsedCoordinates)) {
             return null;
         }
         const resultFeature = new Feature({
-            geometry: new Point([eastCoord, northCoord]),
-            label: `${coord1} ${coord2}`
+            geometry: new Point(parsedCoordinates),
+            label: `${parsedCoordinates[0]} ${parsedCoordinates[1]}`
         });
         // Return this result grouped by the default provider and as part of the `recenter_map` group
         return { [SEARCH_PROVIDER_DEFAULT]: { [SEARCH_GROUP_RECENTER_MAP]: [resultFeature] } };
@@ -105,26 +119,31 @@ class SearchManager extends GirafeSingleton {
         if (parts.length !== 2) {
             return null;
         }
-        const first = this.parseCoordinate(parts[0]);
-        const second = this.parseCoordinate(parts[1]);
+        const first = this.parseCoordinateFromString(parts[0]);
+        const second = this.parseCoordinateFromString(parts[1]);
         return first === null || second === null ? null : [first, second];
     }
-    parseCoordinate(value) {
+    parseCoordinateFromString(value) {
         const normalized = value
             // Remove coordinate prefix and thousand separator
             .replace(/[NESW']/g, '')
-            // Relace decimal separator
+            // Replace decimal separator
             .replace(',', '.')
             .trim();
         const number = Number(normalized);
         return Number.isFinite(number) ? number : null;
     }
+    isCoordinatePairValid(coordinates) {
+        return !!coordinates && coordinates.length === 2 && coordinates.every((coordinate) => Number.isFinite(coordinate));
+    }
     getZoomToBbox(feature) {
         const provider = feature.get('provider');
         if (this.clients.has(provider)) {
             return this.clients.get(provider)?.getZoomToBbox(feature);
         }
-        return undefined;
+        else {
+            return createBufferedExtentFromFeature(feature);
+        }
     }
 }
 export default SearchManager;