@geogirafe/lib-geoportal 1.1.0-dev.2456762594 → 1.1.0-dev.2456794124

package/api/apigeogirafeapp.d.ts

@@ -1,8 +1,9 @@
 import GirafeHTMLElement from '../base/GirafeHTMLElement.js';
 import IGirafeContext from '../tools/context/icontext.js';
 export default class GeoGirafeApi extends GirafeHTMLElement {
-    protected templateUrl: string;
-    protected styleUrls: string[];
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
+    template: () => import("uhtml").Hole;
     private isInitialized;
     constructor();
     private get config();

package/api/apigeogirafeapp.js

@@ -1,3 +1,4 @@
+import { html as uHtml } from 'uhtml';
 // SPDX-License-Identifier: Apache-2.0
 import proj4 from 'proj4';
 import GirafeHTMLElement from '../base/GirafeHTMLElement.js';
@@ -10,8 +11,16 @@ import MapCustomContextMenuComponent from '../components/context-menu/custom-con
 import SearchComponent from '../components/search/component.js';
 import SelectionWindowComponent from '../components/selectionwindow/component.js';
 export default class GeoGirafeApi extends GirafeHTMLElement {
-    templateUrl = './template.html';
-    styleUrls = ['../styles/common.css', './style.css'];
+    templateUrl = null;
+    styleUrls = null;
+    template = () => {
+        return uHtml `<style>
+*{font-family:Arial,sans-serif}.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}.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-grad2);background-color:var(--text-color-grad2);color:var(--bkg-color)}.gg-button:disabled{color:gray;cursor:not-allowed;background-color:#d3d3d3;border:none}.gg-input:disabled,.gg-select:disabled,.gg-textarea:disabled{color:gray;cursor:not-allowed;background-color:#d3d3d3}.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,.gg-select:hover,.gg-input:hover,.gg-textarea:hover,.gg-icon-button:hover{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>
+:host{position:relative}girafe-map{width:100%;height:100%;position:relative}girafe-basemap{display:block;position:absolute;bottom:.5rem;left:.5rem}girafe-search{width:50%;height:2.25rem;display:block;position:absolute;top:.5rem;left:.5rem;box-shadow:0 1px 4px #0000004d}girafe-selection-window{z-index:100;width:400px;height:240px;position:absolute;bottom:1rem;right:1rem}
+</style>
+<girafe-map></girafe-map>`;
+    };
     isInitialized = false;
     constructor() {
         super('geogirafe-api');
@@ -277,7 +286,10 @@ export default class GeoGirafeApi extends GirafeHTMLElement {
     }
     injectConfigMetaTags() {
         const location = new URL(import.meta.url);
+        // The 2 following lines are a small hack to make the api interface work in both context
+        // (debugging in vite + production app)
         location.pathname = location.pathname.replace('/src/api', '');
+        location.pathname = location.pathname.replace('/node_modules/.vite/deps', '');
         const origin = `${location.origin}${location.pathname.substring(0, location.pathname.lastIndexOf('/'))}`;
         const baseConfigUrl = `${origin}/config.json`;
         const apiConfigUrl = `${origin}/config.api.json`;

package/buildtools/lib-inline.js

@@ -4,7 +4,19 @@ import path from 'path';
 import { findFilesRecursive, inlineTemplate } from './tools.js';
 
 async function main() {
-  const fileList = findFilesRecursive(path.resolve('src', 'components'), ['.ts', '.js']);
+  // Inline template for components
+  let fileList = findFilesRecursive(path.resolve('src', 'components'), ['.ts', '.js']);
+  for (const filepath of fileList) {
+    console.info(`Integrating inline HTML for file ${filepath}`);
+    const newCodeMapObject = await inlineTemplate(filepath);
+    const newFilePath = filepath.replace('src', path.join('dist', 'lib-src-inline'));
+
+    fs.mkdirSync(path.dirname(newFilePath), { recursive: true });
+    fs.writeFileSync(newFilePath, newCodeMapObject.code, 'utf-8');
+  }
+
+  // Inline template for the API
+  fileList = findFilesRecursive(path.resolve('src', 'api'), ['.ts', '.js']);
   for (const filepath of fileList) {
     console.info(`Integrating inline HTML for file ${filepath}`);
     const newCodeMapObject = await inlineTemplate(filepath);

package/buildtools/tools.js

@@ -57,9 +57,12 @@ export function deleteFiles(patterns) {
   }
 }
 
-export function copy(filename, sourceDir, targetDir) {
+export function copy(filename, sourceDir, targetDir, targetFilename = null) {
+  if (targetFilename === null) {
+    targetFilename = filename;
+  }
   const source = path.join(sourceDir, filename);
-  const target = path.join(targetDir, filename);
+  const target = path.join(targetDir, targetFilename);
 
   if (fs.existsSync(source)) {
     // First create destination directory
@@ -111,8 +114,8 @@ async function getHtmlCode(currentFilename, relativeHtmlPath, styleCode) {
       }
     });
     htmlCode = `
-  templateUrl = null;
-  styleUrls = null;
+  protected override templateUrl: string | null = null;
+  protected override styleUrls: string[] | null = null;
   template = () => { return uHtml\`${styleCode}\n${htmlCode}\`; }`;
     return htmlCode;
   } catch (error) {
@@ -167,9 +170,9 @@ function isStringCommented(line) {
 }
 
 // Regex definitions
-export const styleRegex = /(?:override\s+)?styleUrl *= *['"](.*)['"] *;?/g;
-export const stylesRegex = /(?:override\s+)?styleUrls *= *\[([\s\S]*?)\] *;?/gs;
-export const htmlRegex = /(?:override\s+)?templateUrl *= *['"](.*)['"] *;?/g;
+export const styleRegex = /(?:(?:public|private|protected)\s+)?(?:override\s+)?styleUrl *= *['"](.*)['"] *;?/g;
+export const stylesRegex = /(?:(?:public|private|protected)\s+)?(?:override\s+)?styleUrls *= *\[([\s\S]*?)\] *;?/gs;
+export const htmlRegex = /(?:(?:public|private|protected)\s+)?(?:override\s+)?templateUrl *= *['"](.*)['"] *;?/g;
 
 export async function inlineTemplate(filename) {
   // Read the file

package/components/about/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 import IGirafePanel from '../../tools/state/igirafepanel.js';
 declare class AboutComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/alignnorthbutton-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class AlignNorthButtonMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     protected connectedCallback(): void;

package/components/auth/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class OauthComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     userIconUrl?: string;
     constructor(name?: string);

package/components/auth-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import OauthComponent from '../auth/component.js';
 export default class MobileOauthComponent extends OauthComponent {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
 }

package/components/basemap/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 import Basemap from '../../models/basemaps/basemap.js';
 declare class BasemapComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     changeBasemap(basemap: Basemap): void;

package/components/contact/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 import IGirafePanel from '../../tools/state/igirafepanel.js';
 declare class ContactComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/context-menu/custom-context-menu/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 declare class MapCustomContextMenuComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private get map();
     private static contextMenuOverlay;

package/components/context-menu/default-context-menu/component.d.ts

@@ -3,8 +3,8 @@ import { printCoordinate } from '../../../tools/geometrytools.js';
 import { MapContextMenuState } from './contextmenustate.js';
 import MapContextMenuManager from './contextmenumanager.js';
 declare class MapDefaultContextMenuComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private get map();
     private readonly eventsCallbacks;

package/components/coordinate/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 declare class CoordinateComponent extends GirafeHTMLElement {
     #private;
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     east: string | null;
     north: string | null;

package/components/cross-section/cross-section-settings/component.d.ts

@@ -11,8 +11,8 @@ import { Draw, Modify } from 'ol/interaction.js';
 import OL3Parser from 'jsts/org/locationtech/jts/io/OL3Parser.js';
 import IGirafePanel from '../../../tools/state/igirafepanel.js';
 declare class CrossSectionSettingsComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     crossSectionState: CrossSectionState;
     private readonly eventsCallbacks;

package/components/cross-section/cross-section-viewer/component.d.ts

@@ -4,8 +4,8 @@ import { CrossSectionState } from './../crosssectionstate.js';
 import { Scatterplot } from '../scatterplot.js';
 import { PytreeManager } from '../pytreemanager.js';
 declare class CrossSectionViewComponent extends GirafeResizableElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     crossSectionState: CrossSectionState;
     private readonly eventsCallbacks;

package/components/displaymenubutton-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class DisplayMenuButtonMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     protected connectedCallback(): void;

package/components/displayselectorbutton-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class DisplaySelectorButtonMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     protected connectedCallback(): void;

package/components/drawing/component-mobile.d.ts

@@ -1,7 +1,7 @@
 import DrawingComponent from './component.js';
 export default class DrawingComponentMobile extends DrawingComponent {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     protected connectedCallback(): void;

package/components/drawing/component.d.ts

@@ -7,8 +7,8 @@ import GirafeColorPicker from '../../tools/utils/girafecolorpicker.js';
 import LayerDrawing from '../../models/layers/layerdrawing.js';
 import IGirafePanel from '../../tools/state/igirafepanel.js';
 export default class DrawingComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/drawing/fixed-dimension/component.d.ts

@@ -10,8 +10,8 @@ export type DimensionUnit = {
 };
 declare class FixedDimensionComponent extends GirafeHTMLElement {
     static readonly observedAttributes: string[];
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     checkedIcon: string;
     notCheckedIcon: string;

package/components/drawing-container-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class DrawingContainerMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     protected connectedCallback(): void;

package/components/edit/component.d.ts

@@ -3,8 +3,8 @@ import EditFromComponent from './editform/component.js';
 import { OapifLayer } from '../../models/serverogcapifeatures.js';
 import IGirafePanel from '../../tools/state/igirafepanel.js';
 export default class EditComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/edit/editform/component.d.ts

@@ -2,8 +2,8 @@ import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 import Feature from 'ol/Feature.js';
 import OgcApiFeaturesSchema from '../../../tools/ogcapi/ogcapifeaturesschema.js';
 export default class EditFromComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     featureSchema?: OgcApiFeaturesSchema;
     feature?: Feature;

package/components/extlayers/component.d.ts

@@ -10,8 +10,8 @@ type PredefinedSource = {
     url: string;
 };
 declare class ExternalLayersComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/geolocation-mobile/component.d.ts

@@ -2,8 +2,8 @@ import Geolocation from 'ol/Geolocation.js';
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 type GeolocationStatus = 'off' | 'error' | 'searching' | 'tracking' | 'headlock';
 export default class GeolocationMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     geolocation: Geolocation | null;
     status: GeolocationStatus;

package/components/getdirections/component.d.ts

@@ -3,8 +3,8 @@ import { Feature } from 'ol';
 import { Callback } from '../../tools/state/statemanager.js';
 declare class GetDirectionsArtifact extends GirafeHTMLElement {
     static readonly observedAttributes: string[];
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     feature?: Feature;
     directionsAvailable: boolean;

package/components/help/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 declare class HelpComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     content: HTMLElement;
     themes: HTMLElement;

package/components/infobox/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 import { InfoBoxContent } from '../../tools/state/state.js';
 declare class InfoboxComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     infos: InfoBoxContent[];
     urlRegExp: RegExp;

package/components/infowindow/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeDraggableElement from '../../base/GirafeDraggableElement.js';
 declare class InfoWindowComponent extends GirafeDraggableElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     visible: boolean;
     private resizeWindow;

package/components/layout/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 import IGirafePanel from '../../tools/state/igirafepanel.js';
 declare class LayoutComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/lr-panel/component.d.ts

@@ -15,8 +15,8 @@ import IGirafePanel from '../../tools/state/igirafepanel.js';
  * </girafe-lr-panel>
  */
 declare class LRPanelComponent extends GirafeResizableElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private stateToggleManager?;
     panelTitle: string;

package/components/map/component.d.ts

@@ -29,8 +29,8 @@ declare global {
     }
 }
 export default class MapComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     olMap: Map;
     mapTarget: HTMLDivElement;

package/components/menu-buttons-mobile/MenuMobile3dButton.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class MenuMobile3dButton extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     icon: string;
     label: string;

package/components/menu-buttons-mobile/MenuMobileDrawingButton.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class MenuMobileDrawingButton extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     icon: string;
     label: string;

package/components/menu-buttons-mobile/MenuMobileOfflineButton.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class MenuMobileOfflineButton extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     icon: string;
     label: string;

package/components/menu-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class MenuMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     protected connectedCallback(): void;

package/components/menubutton/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 type OpenDirection = 'bottom' | 'bottom-left' | 'up' | 'left';
 declare class MenuButtonComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     open: boolean;
     openDirection: OpenDirection;

package/components/modals/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 type ModalType = 'alert' | 'confirm' | 'prompt';
 declare class ModalsComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     visible: boolean;
     boxType?: ModalType;

package/components/navigation/component.d.ts

@@ -2,8 +2,8 @@ import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 import MapPosition from '../../tools/state/mapposition.js';
 import { Bookmark } from './Bookmark.js';
 declare class NavigationComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private readonly positionHistory;
     private currentPositionIndex;

package/components/news/news-button/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 declare class NewsButtonComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     visible: boolean;
     warn: boolean;

package/components/news/news-panel/component.d.ts

@@ -2,8 +2,8 @@ import type { FeedEntry } from './newsfeedutils.js';
 import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 import IGirafePanel from '../../../tools/state/igirafepanel.js';
 declare class NewsPanelComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/offline/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 declare class OfflineComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     protected downloadInProgress: boolean;
     protected downloadProgressValue: number;

package/components/print/component.d.ts

@@ -8,8 +8,8 @@ import IGirafePanel from '../../tools/state/igirafepanel.js';
  * Have actions on the print mask and on the map (rotation).
  */
 declare class PrintComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/prototypebanner/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 declare class PrototypeBannerComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     protected connectedCallback(): void;

package/components/querybuilder/component.d.ts

@@ -5,8 +5,8 @@ import WfsFilter, { WfsOperator } from '../../tools/wfs/wfsfilter.js';
 import IGirafeContext from '../../tools/context/icontext.js';
 import ColumnAliasHelper from '../../tools/utils/aliases.js';
 declare class QueryBuilderComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     loading: boolean;
     deactivated: boolean;

package/components/scale/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 declare class ScaleComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     registerEvents(): void;

package/components/search/component.d.ts

@@ -1,8 +1,8 @@
 import Feature from 'ol/Feature.js';
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 declare class SearchComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     searchIcon: string;
     paintbrushIcon: string;

package/components/search-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import SearchComponent from '../search/component.js';
 declare class MobileSearchComponent extends SearchComponent {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
 }
 export default MobileSearchComponent;

package/components/selectiongrid/component.d.ts

@@ -7,8 +7,8 @@ import { type TabHeader } from './tools/selectiontabulatormanager.js';
  * @extends GirafeResizableElement
  */
 declare class SelectionGridComponent extends GirafeResizableElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private readonly eventsCallbacks;
     private selectionTabulatorManager;

package/components/selectionpanel-mobile/component.d.ts

@@ -5,8 +5,8 @@ import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
  */
 export declare function getLinkFriendlyString(inputStr: string): string;
 export default class SelectionPanelMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     currentIndex: number;
     private readonly debounceOnAdjustVisible;

package/components/selectiontool/component.d.ts

@@ -6,8 +6,8 @@ import { Style } from 'ol/style.js';
 import { FeatureLike } from 'ol/Feature.js';
 import IGirafePanel from '../../tools/state/igirafepanel.js';
 export default class SelectionToolComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/selectionwindow/component.d.ts

@@ -19,8 +19,8 @@ interface Layer {
  * To be visible, it has to be the defined selectionComponent.
  */
 declare class SelectionWindowComponent extends GirafeDraggableElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private readonly eventsCallbacks;
     private isVisibleComponentSetup;

package/components/share/component.d.ts

@@ -2,8 +2,8 @@ import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 import { ShareState } from './sharestate.js';
 import IGirafePanel from '../../tools/state/igirafepanel.js';
 declare class ShareComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/swipe-up-panel-mobile/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 export default class SwipeUpPanelMobile extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private container;
     private middleContainer;

package/components/themes/component.d.ts

@@ -4,8 +4,8 @@ import CustomTheme from '../../models/customtheme.js';
 declare const ThemeTypes: readonly ["all", "favorites", "custom"];
 type ThemeType = (typeof ThemeTypes)[number];
 declare class ThemeComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     newIcon: string;
     menuOpen: boolean;

package/components/themes-mobile/group/component.d.ts

@@ -2,8 +2,8 @@ import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 import BaseLayer from '../../../models/layers/baselayer.js';
 import GroupLayer from '../../../models/layers/grouplayer.js';
 declare class MobileGroupElementComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     group?: GroupLayer;
     /**

package/components/themes-mobile/layer/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 import Layer from '../../../models/layers/layer.js';
 declare class MobileLayerElementComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     protected layer?: Layer;
     static readonly observedAttributes: string[];

package/components/themes-mobile/layer-selected/component.d.ts

@@ -1,8 +1,8 @@
 import WmsLegendHelper from '../../../tools/wms/wmslegendhelper.js';
 import MobileLayerElementComponent from '../layer/component.js';
 declare class MobileSelectedLayerElementComponent extends MobileLayerElementComponent {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     iconUrl: string | null;
     legendUrls: Record<string, string>;

package/components/themes-mobile/theme/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 import ThemeLayer from '../../../models/layers/themelayer.js';
 declare class MobileThemeElementComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     theme?: ThemeLayer;
     static get observedAttributes(): string[];

package/components/themes-mobile/themes-select/component.d.ts

@@ -4,8 +4,8 @@ import GroupLayer from '../../../models/layers/grouplayer.js';
 import Layer from '../../../models/layers/layer.js';
 import ThemeLayer from '../../../models/layers/themelayer.js';
 export default class MobileThemeComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     activeTab: 'themes' | 'basemaps' | 'selected';
     activeLayersByGroup: Map<GroupLayer, Layer[]>;

package/components/timerestriction/component.d.ts

@@ -5,8 +5,8 @@ import TimeSliderComponent from './timeslider/component.js';
 import LayerTimeFormatter from '../../tools/time/layertimeformatter.js';
 import ITimeOptions, { TimeMode, TimeWidget } from '../../tools/time/itimeoptions.js';
 declare class TimeRestrictionComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     layer: TimeAwareLayer;
     timeOptions: ITimeOptions;

package/components/timerestriction/timepicker/component.d.ts

@@ -6,8 +6,8 @@ import TimeWidget, { TimeRangeLimit } from '../tools/timewidget.js';
  * lower and upper range limits so that they do not cross each other.
  */
 declare class TimePickerComponent extends TimeWidget {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     constructor();
     renderComponent(): void;

package/components/timerestriction/timeslider/component.d.ts

@@ -9,8 +9,8 @@ import TimeWidget, { TimeRangeLimit } from '../tools/timewidget.js';
  * with the defined `timeOptions` and dynamically updates output elements to display nicely formatted time values.
  */
 declare class TimeSliderComponent extends TimeWidget {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private discreteTimeSteps?;
     constructor();

package/components/treeview/treeviewgroup/component.d.ts

@@ -1,8 +1,8 @@
 import GroupLayer from '../../../models/layers/grouplayer.js';
 import TreeViewGroupElement from '../tools/treeviewgroupelement.js';
 declare class TreeViewGroupComponent extends TreeViewGroupElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     layer: GroupLayer;
     constructor(group: GroupLayer);

package/components/treeview/treeviewitem/component.d.ts

@@ -2,8 +2,8 @@ import Layer from '../../../models/layers/layer.js';
 import TreeViewElement from '../tools/treeviewelement.js';
 import WmsLegendHelper from '../../../tools/wms/wmslegendhelper.js';
 declare class TreeViewItemComponent extends TreeViewElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     iconUrl: string | null;
     legendUrls: Record<string, string>;

package/components/treeview/treeviewroot/component.d.ts

@@ -1,8 +1,8 @@
 import GirafeHTMLElement from '../../../base/GirafeHTMLElement.js';
 import BaseLayer from '../../../models/layers/baselayer.js';
 declare class TreeViewRootComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     private filterHelper;
     private isAllExpanded;

package/components/treeview/treeviewtheme/component.d.ts

@@ -1,8 +1,8 @@
 import ThemeLayer from '../../../models/layers/themelayer.js';
 import TreeViewGroupElement from '../tools/treeviewgroupelement.js';
 declare class TreeViewThemeComponent extends TreeViewGroupElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     layer: ThemeLayer;
     constructor(theme: ThemeLayer);

package/components/userpreferences/component.d.ts

@@ -6,8 +6,8 @@ import IGirafePanel from '../../tools/state/igirafepanel.js';
  Lets the user override default configuration values and saves them as user data.
  */
 export default class UserPreferencesComponent extends GirafeHTMLElement implements IGirafePanel {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     isPanelVisible: boolean;
     panelTitle: string;

package/components/videorecord/component.d.ts

@@ -1,7 +1,7 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement.js';
 declare class VideoRecordComponent extends GirafeHTMLElement {
-    templateUrl: null;
-    styleUrls: null;
+    protected templateUrl: string | null;
+    protected styleUrls: string[] | null;
     template: () => import("uhtml").Hole;
     status: 'downloaded' | 'recording' | 'recorded';
     mediaRecorder: MediaRecorder | null;

package/package.json

@@ -5,7 +5,7 @@
     "name": "GeoGirafe PSC",
     "url": "https://doc.geomapfish.dev"
   },
-  "version": "1.1.0-dev.2456762594",
+  "version": "1.1.0-dev.2456794124",
   "type": "module",
   "engines": {
     "node": ">=20.19.0"
@@ -128,6 +128,9 @@
     "./core": {
       "import": "./tools/main.js"
     },
+    "./api": {
+      "import": "./api/main.js"
+    },
     "./tools": {
       "import": "./main.tools.js"
     },

package/templates/api.html

@@ -115,8 +115,8 @@
       }
     </style>
 
-    <script type="module" src="./src/api/api.ts"></script>
-    <link rel="stylesheet" href="./src/styles/api.css" />
+    <script type="module" src="src/main.api.ts"></script>
+    <link rel="stylesheet" href="api.css" />
 
     <script>
       document.addEventListener('DOMContentLoaded', () => {

package/templates/public/about.json

@@ -1 +1 @@
-{"version":"1.1.0-dev.2456762594", "build":"2456762594", "date":"16/04/2026"}
+{"version":"1.1.0-dev.2456794124", "build":"2456794124", "date":"16/04/2026"}

package/templates/public/config.api.json

@@ -0,0 +1,17 @@
+{
+  "api": {
+    "demo": {
+      "center": "15393875, 4325968",
+      "zoom": "11",
+      "basemap": "ArcGIS Imagery",
+      "crosshair": "1631989, 5067094",
+      "tooltip": "1631989, 5067094 | Hello from the GeoGirafe API!",
+      "layers": "OpenTopoMap",
+      "multiLayers": "GL_AbschnittsStoergrade, SW_Jugendlichenanteil, KJ_Jugendangebot",
+      "layersWithConfig": "GR_Grundwasserschutzzonen|o;0.4|f;gr_gz_kantypbez;eq;S1",
+      "layersWithConfigCenter": "2613521, 1269262",
+      "marker": "1631989, 5067094|api/parking.png",
+      "markers": "1631989, 5067094|api/parking.png ; -886940, 7327529|api/marker-blue.png ; 854084, 5974974|api/marker-green.png"
+    }
+  }
+}

package/templates/public/config.json

@@ -0,0 +1,77 @@
+{
+  "general": {
+    "locale": "en-US"
+  },
+  "languages": {
+    "translations": {
+      "en": ["i18n/en.json"],
+      "fr": ["i18n/fr.json"],
+      "de": ["i18n/de.json"],
+      "it": ["i18n/it.json"]
+    },
+    "defaultLanguage": "en"
+  },
+  "themes": {
+    "url": "mock/themes.json",
+    "defaultTheme": ""
+  },
+  "basemaps": {
+    "defaultBasemap": "OpenStreetMap",
+    "OSM": true
+  },
+  "projections": {
+    "EPSG:3857": "WebMercator",
+    "EPSG:4326": "WGS84"
+  },
+  "map": {
+    "srid": "EPSG:3857",
+    "scales": [
+      70000000, 35000000, 15000000, 10000000, 4000000, 2000000, 1000000, 500000, 250000, 150000, 70000, 35000, 15000,
+      8000, 4000, 2000, 1000, 500
+    ],
+    "startPosition": "844100,6033454",
+    "startZoom": "0"
+  },
+  "map3d": {
+    "tilesetsUrls": []
+  },
+  "contextmenu": {
+    "crs": [
+      { "code": "EPSG:3857", "translation": "EPSG:3857", "format": "decimal", "precision": 2 },
+      { "code": "EPSG:4326", "translation": "EPSG:4326", "format": "decimal", "precision": 7 },
+      { "code": "EPSG:4326", "translation": "EPSG:4326-DMS", "format": "dms", "precision": 2 }
+    ],
+    "links": [
+      {
+        "translation": "Google Street View",
+        "crs": "EPSG:4326",
+        "url": "https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=###MAPY###,###MAPX###"
+      }
+    ]
+  },
+  "crs": [],
+  "onboarding": {
+    "steps": [
+      {
+        "element": "[data-tour='theme-selection']",
+        "title": "onboarding-theme-selection-title",
+        "description": "onboarding-theme-selection-description"
+      },
+      {
+        "element": "[data-tour='basemap-selection']",
+        "title": "onboarding-basemap-selection-title",
+        "description": "onboarding-basemap-selection-description"
+      },
+      {
+        "component": "treeviewroot",
+        "element": "[data-tour='treeview-filter']",
+        "title": "onboarding-treeview-filter-selection-title",
+        "description": "onboarding-treeview-filter-selection-description"
+      }
+    ]
+  },
+  "news": {
+    "urls": ["https://geogirafe.org/feed/atom/"],
+    "autoDisplay": false
+  }
+}

package/templates/public/config.mobile.json

@@ -0,0 +1,9 @@
+{
+  "map": {
+    "constrainScales": false
+  },
+  "offline": {
+    "downloadStartZoom": 11,
+    "downloadEndZoom": 15
+  }
+}

package/templates/vite.config.js

@@ -8,7 +8,7 @@ import { HtmlRebuildPlugin } from '@geogirafe/lib-geoportal/buildtools';
 import { createHtmlPlugin } from 'vite-plugin-html';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
 import dns from 'dns';
-import analyzer from 'vite-bundle-analyzer';
+const analyzer = null;
 
 /**
  * Custom name resolution for app.localhost:
@@ -135,7 +135,8 @@ export default defineConfig(({ command, mode }) => {
       createHtmlPlugin({
         minify: true
       }),
-      mode === 'analyze' &&
+      analyzer &&
+        mode === 'analyze' &&
         // https://www.npmjs.com/package/vite-bundle-analyzer
         analyzer({
           analyzerMode: 'static',

package/api/api.d.ts

@@ -1 +0,0 @@
-export {};

package/api/api.js

@@ -1,3 +0,0 @@
-// SPDX-License-Identifier: Apache-2.0
-import GeoGirafeApi from './apigeogirafeapp.js';
-customElements.define('geogirafe-map', GeoGirafeApi);