@geogirafe/lib-geoportal 1.0.2141599510 → 1.0.2149179221

package/assets/i18n/de.json

@@ -23,6 +23,7 @@
     "auto_WMTS": "WMS/WMTS",
     "Backend error": "Backend-Fehler",
     "basemap": "Hintergrundkarte",
+    "Basemap visible": "Hintergrundkartenauswahl sichtbar",
     "Basemaps": "Hintergrundkarten",
     "Batch creation mode": "Batch-Modus",
     "before": "vor",
@@ -324,6 +325,7 @@
     "scale": "Skalierung",
     "Scan Source": "Datenquelle laden",
     "Search": "Suche",
+    "Search visible": "Suche sichtbar",
     "Search...": "Suchen...",
     "search_tip": "Ort, Objekt oder Karte suchen",
     "searchFillColor": "Suchresultat Füllfarbe",

package/assets/i18n/en.json

@@ -23,6 +23,7 @@
     "auto_WMTS": "WMS/WMTS",
     "Backend error": "Backend error",
     "basemap": "Basemap",
+    "Basemap visible": "Basemap selection visible",
     "Basemaps": "Basemaps",
     "Batch creation mode": "Batch creation mode",
     "before": "before",
@@ -325,6 +326,7 @@
     "scale": "scale",
     "Scan Source": "Connect",
     "Search": "Search",
+    "Search visible": "Search visible",
     "Search...": "Search...",
     "search_tip": "Search for a place, object or map",
     "searchFillColor": "Search result fill color",

package/assets/i18n/fr.json

@@ -23,6 +23,7 @@
     "auto_WMTS": "WMS/WMTS",
     "Backend error": "Erreur de backend",
     "basemap": "Fonds de carte",
+    "Basemap visible": "Sélection de la carte de base visible",
     "Basemaps": "Fonds de carte",
     "Batch creation mode": "mode batch",
     "before": "avant",
@@ -324,6 +325,7 @@
     "scale": "échelle",
     "Scan Source": "Connexion",
     "Search": "Rechercher",
+    "Search visible": "Recherche visible",
     "Search...": "Rechercher...",
     "search_tip": "Rechercher un lieu, un objet ou une carte",
     "searchFillColor": "Couleur de remplissage des résultats de recherche",

package/assets/i18n/it.json

@@ -23,6 +23,7 @@
     "auto_WMTS": "WMS/WMTS",
     "Backend error": "Errore del backend",
     "basemap": "Mappe di base",
+    "Basemap visible": "Selezione mappa di base visibile",
     "Basemaps": "Mappe di base",
     "Batch creation mode": "Modalità di creazione batch",
     "before": "prima",
@@ -324,6 +325,7 @@
     "scale": "scala",
     "Scan Source": "Connessione",
     "Search": "Cerca",
+    "Search visible": "Ricerca visibile",
     "Search...": "Cerca...",
     "search_tip": "Cerca un luogo, un oggetto o una mappa",
     "searchFillColor": "Colore di riempimento dei risultati della ricerca",

package/base/GirafeHTMLElement.d.ts

@@ -16,7 +16,7 @@ declare class GirafeHTMLElement extends HTMLElement {
     private _context?;
     protected get context(): IGirafeContext;
     constructor(name: string, context?: IGirafeContext);
-    get state(): import("../tools/main").GraphicalInterface;
+    get state(): import("../tools/main").State;
     getById<T = HTMLElement>(id: string): T;
     girafeTranslate(): void;
     userInfoChanged(): void;

package/components/map/tools/viewmanager.d.ts

@@ -4,7 +4,7 @@ import ConfigManager from '../../../tools/configuration/configmanager';
 import StateManager from '../../../tools/state/statemanager';
 declare class ViewManager {
     map: Map;
-    get state(): import("../../../tools/main").GraphicalInterface;
+    get state(): import("../../../tools/main").State;
     get projection(): import("ol/proj").Projection;
     private readonly configManager;
     private readonly stateManager;

package/components/map/tools/wmtsmanager.d.ts

@@ -18,7 +18,7 @@ declare class WmtsManager {
         olayer: OLayer;
         layerWmts: LayerWmts;
     }>;
-    get state(): import("../../../tools/main").GraphicalInterface;
+    get state(): import("../../../tools/main").State;
     constructor(map: Map, stateManager: StateManager);
     removeAllBasemapLayers(): void;
     addLayer(layer: LayerWmts): Promise<void>;

package/components/print/tools/printMaskManager.d.ts

@@ -13,7 +13,7 @@ declare class PrintMaskManager {
     private possibleScales;
     scaleManuallySelected: boolean;
     constructor(map: Map, stateManager: StateManager);
-    get state(): import("../../../tools/main").GraphicalInterface;
+    get state(): import("../../../tools/main").State;
     destroy(): void;
     setManuallySelectedScale(value: boolean): void;
     /**

package/components/search/component.d.ts

@@ -19,7 +19,6 @@ declare class SearchComponent extends GirafeHTMLElement {
     private focusedResultIndex;
     private focusedResult;
     private selectedResult;
-    private searchBox?;
     private searchInput?;
     paintSearchResults?: boolean;
     defaultSearchStrokeColor: string;

package/components/search/component.js

@@ -42,7 +42,6 @@ class SearchComponent extends GirafeHTMLElement {
     focusedResultIndex = -1;
     focusedResult = null;
     selectedResult = null;
-    searchBox;
     searchInput;
     paintSearchResults;
     defaultSearchStrokeColor;
@@ -81,7 +80,7 @@ class SearchComponent extends GirafeHTMLElement {
         this.initColorPicker();
     }
     toggleVisibility(visible) {
-        this.searchBox.style.display = visible ? 'flex' : 'none';
+        (this.shadowRoot?.host).style.display = visible ? 'flex' : 'none';
     }
     onMouseDown() {
         this.ignoreBlur = true;
@@ -100,7 +99,6 @@ class SearchComponent extends GirafeHTMLElement {
     render() {
         super.render();
         this.searchInput = this.shadowRoot?.getElementById('search');
-        this.searchBox = this.shadowRoot?.getElementById('searchbox');
     }
     registerEvents() {
         this.subscribe('interface.searchComponentVisible', (_oldValue, newValue) => this.toggleVisibility(newValue));

package/components/share/component.d.ts

@@ -1,4 +1,5 @@
 import GirafeHTMLElement from '../../base/GirafeHTMLElement';
+import { ShareState } from './sharestate';
 declare class ShareComponent extends GirafeHTMLElement {
     template: () => import("uhtml").Hole;
     visible: boolean;
@@ -15,6 +16,7 @@ declare class ShareComponent extends GirafeHTMLElement {
     private simpleMaskManager?;
     private readonly eventsCallbacks;
     private iframeSize;
+    get shareState(): ShareState;
     get iframeWidth(): 400 | 600 | 800;
     get iframeHeight(): 300 | 600 | 450;
     constructor();

package/components/share/component.js

@@ -12,9 +12,9 @@ class ShareComponent extends GirafeHTMLElement {
         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-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;border-bottom:1px solid gray;justify-content:left;align-items:end;gap:1rem;height:2rem;margin:.5rem auto 1rem;display:flex}.gg-tab{cursor:pointer;color:var(--text-color);background:0 0;border:none;padding:.5rem}.gg-tab.active{border-bottom:solid 2px var(--text-color-grad2);font-weight:600}.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}
 </style><style>
-#content{background:var(--bkg-color);color:var(--text-color);margin:0;padding:1rem}.group{padding-bottom:4em}.title{margin-top:0}.link{flex-direction:column;gap:.2rem;margin-top:.5rem;display:flex}.qrcode{opacity:.7;width:10rem;margin:2rem auto auto;display:block}.social{display:flex}.social button{cursor:pointer;background-color:#0000;border:none;margin:2rem auto auto}.social img{opacity:.7;width:3rem;filter:var(--svg-filter)}.social img:hover{opacity:1}input{flex-grow:1;font-size:.9rem}.error{color:var(--error-color);text-align:center;order:3;width:90%}.textarea-for-code{font-family:monospace,Arial,sans-serif;font-size:.75rem;line-height:1.1rem}.copy-success,.copy-success:hover{background-color:var(--success-color)}
+#content{background:var(--bkg-color);color:var(--text-color);margin:0;padding:1rem}.group{padding-bottom:4em}.title{margin-top:0}.link{flex-direction:column;gap:.2rem;margin-top:.5rem;display:flex}.qrcode{opacity:.7;width:10rem;margin:2rem auto auto;display:block}.social{display:flex}.social button{cursor:pointer;background-color:#0000;border:none;margin:2rem auto auto}.social img{opacity:.7;width:3rem;filter:var(--svg-filter)}.social img:hover{opacity:1}input{flex-grow:1;font-size:.9rem}.error{color:var(--error-color);text-align:center;order:3;width:90%}.textarea-for-code{font-family:monospace,Arial,sans-serif;font-size:.75rem;line-height:1.1rem}.copy-success,.copy-success:hover{background-color:var(--success-color)}.checkbox-wrapper{flex-direction:row;justify-content:space-between;align-items:center;height:2rem;display:flex;& input[type=checkbox]{flex-grow:unset}}
 </style>
-<div id="panel"><div id="content"><div class="${!this.urlShortener ? '' : 'hidden'}"><div class="message" i18n="Error, the shortener service is not defined.">Error, the shortener service is not defined.</div></div><div id="share-map" class="${this.urlShortener ? 'group' : 'hidden'}"><h3 class="title" i18n="Share this map">Share this map</h3><div><div class="link"><input value="${this.shareLink}" class="gg-input" disabled="disabled"> <button id="btn-copy-short" class="gg-button" i18n="Generate and copy link" onclick="${() => this.generateAndCopyLink()}">Generate and copy link</button></div></div><img alt="share-qrcode" class="${(this.qrCode ? 'qrcode' : 'hidden')}" src="${this.qrCode}"><div class="${(this.success ? 'hidden' : 'qrcode error')}"><img alt="error-icon" src="icons/error.svg"> <span i18n="Error, can not fetch the shortener service. Please try again later.">Error, can not fetch the shortener service. Please try again later.</span></div><div class="social"><button onclick="${() => this.shareFacebook()}"><img alt="share-facebook" src="${this.facebookLogo}"></button> <button onclick="${() => this.shareTwitter()}"><img alt="share-twitter" src="${this.twitterLogo}"></button> <button onclick="${() => this.shareLinkedIn()}"><img alt="share-linkedin" src="${this.linkedInLogo}"></button> <button onclick="${() => this.shareMail()}"><img alt="share-mail" src="${this.mailLogo}"></button></div></div><div id="embed-map" class="${this.urlShortener ? 'group' : 'hidden'}"><h3 class="title" i18n="Embed this map">Embed this map</h3><div class="link"><select class="gg-select" id="logLevel" onchange="${(evt) => this.onSizeChanged(evt)}"><option ?selected="${this.iframeSize === ''}" i18n="Select map size..." value="">Select map size...<option ?selected="${this.iframeSize === 'small'}" i18n="Small" value="small">Small<option ?selected="${this.iframeSize === 'medium'}" i18n="Medium" value="medium">Medium<option ?selected="${this.iframeSize === 'large'}" i18n="Large" value="large">Large</select> <textarea value="${this.iframeCode}" class="gg-input gg-textarea textarea-for-code" disabled="disabled"></textarea> <button id="btn-copy-iframe" class="gg-button" i18n="Generate and copy code" ?disabled="${this.iframeSize === ''}" onclick="${() => this.generateAndCopyIframeCode()}">Generate and copy code</button></div></div></div></div>`;
+<div id="panel"><div id="content"><div class="${!this.urlShortener ? '' : 'hidden'}"><div class="message" i18n="Error, the shortener service is not defined.">Error, the shortener service is not defined.</div></div><div id="share-map" class="${this.urlShortener ? 'group' : 'hidden'}"><h3 class="title" i18n="Share this map">Share this map</h3><div><div class="link"><input value="${this.shareLink}" class="gg-input" disabled="disabled"> <button id="btn-copy-short" class="gg-button" i18n="Generate and copy link" onclick="${() => this.generateAndCopyLink()}">Generate and copy link</button></div></div><img alt="share-qrcode" class="${(this.qrCode ? 'qrcode' : 'hidden')}" src="${this.qrCode}"><div class="${(this.success ? 'hidden' : 'qrcode error')}"><img alt="error-icon" src="icons/error.svg"> <span i18n="Error, can not fetch the shortener service. Please try again later.">Error, can not fetch the shortener service. Please try again later.</span></div><div class="social"><button onclick="${() => this.shareFacebook()}"><img alt="share-facebook" src="${this.facebookLogo}"></button> <button onclick="${() => this.shareTwitter()}"><img alt="share-twitter" src="${this.twitterLogo}"></button> <button onclick="${() => this.shareLinkedIn()}"><img alt="share-linkedin" src="${this.linkedInLogo}"></button> <button onclick="${() => this.shareMail()}"><img alt="share-mail" src="${this.mailLogo}"></button></div></div><div id="embed-map" class="${this.urlShortener ? 'group' : 'hidden'}"><h3 class="title" i18n="Embed this map">Embed this map</h3><div class="link"><select class="gg-select" id="logLevel" onchange="${(evt) => this.onSizeChanged(evt)}"><option ?selected="${this.iframeSize === ''}" i18n="Select map size..." value="">Select map size...<option ?selected="${this.iframeSize === 'small'}" i18n="Small" value="small">Small<option ?selected="${this.iframeSize === 'medium'}" i18n="Medium" value="medium">Medium<option ?selected="${this.iframeSize === 'large'}" i18n="Large" value="large">Large</select><div class="checkbox-wrapper"><label for="iframe-search-visible" i18n="Search visible">Search visible</label> <input type="checkbox" class="gg-checkbox" id="iframe-search-visible" value="${this.shareState.searchComponentVisible}" onchange="${(e) => this.shareState.searchComponentVisible = e.target.checked}"></div><div class="checkbox-wrapper"><label for="iframe-basemap-visible" i18n="Basemap visible">Basemap visible</label> <input type="checkbox" class="gg-checkbox" id="iframe-basemap-visible" value="${this.shareState.basemapComponentVisible}" onchange="${(e) => this.shareState.basemapComponentVisible = e.target.checked}"></div><textarea value="${this.iframeCode}" class="gg-input gg-textarea textarea-for-code" disabled="disabled"></textarea> <button id="btn-copy-iframe" class="gg-button" i18n="Generate and copy code" ?disabled="${this.iframeSize === ''}" onclick="${() => this.generateAndCopyIframeCode()}">Generate and copy code</button></div></div></div></div>`;
     };
     visible = false;
     shareLink;
@@ -30,6 +30,9 @@ class ShareComponent extends GirafeHTMLElement {
     simpleMaskManager;
     eventsCallbacks = [];
     iframeSize = '';
+    get shareState() {
+        return this.state.extendedState.share;
+    }
     get iframeWidth() {
         switch (this.iframeSize) {
             case 'small':
@@ -143,8 +146,9 @@ class ShareComponent extends GirafeHTMLElement {
         const baseUrl = this.context.urlManager.getRootUrl();
         const hash = this.context.shareManager.getStateToShare();
         // Get short URL for iframe
-        const longIframeUrl = `${baseUrl}iframe.html#${hash}`;
-        const response = await this.urlShortener.shortenUrl(longIframeUrl);
+        const indexDocument = `iframe.html`;
+        const longIframeUrl = `${baseUrl}${indexDocument}#${hash}`;
+        const response = await this.urlShortener.shortenUrl(longIframeUrl, indexDocument);
         this.iframeUrl = response.shorturl;
         this.iframeCode = `<iframe title="iframe GeoGirafe" width="${this.iframeWidth}" height="${this.iframeHeight}" src="${this.iframeUrl}"></iframe>`;
     }

package/components/share/sharestate.d.ts

@@ -0,0 +1,16 @@
+import type { IBrainSerializable } from '../../tools/state/brain/decorators';
+import type { IBrainSerializer } from '../../tools/state/brain/serialize';
+import IGirafeContext from '../../tools/context/icontext';
+export declare class ShareState implements IBrainSerializable {
+    isBrainSerializable: boolean;
+    searchComponentVisible: boolean;
+    basemapComponentVisible: boolean;
+}
+export declare class ShareStateSerializer implements IBrainSerializer<ShareState> {
+    private readonly context;
+    private readonly syncToInterface;
+    constructor(context: IGirafeContext, syncToInterface?: boolean);
+    private get state();
+    brainDeserialize(serialized: string): void;
+    brainSerialize(shareState: ShareState): string;
+}

package/components/share/sharestate.js

@@ -0,0 +1,27 @@
+export class ShareState {
+    isBrainSerializable = true;
+    searchComponentVisible = false;
+    basemapComponentVisible = false;
+}
+export class ShareStateSerializer {
+    context;
+    syncToInterface;
+    constructor(context, syncToInterface = false) {
+        this.context = context;
+        this.syncToInterface = syncToInterface;
+    }
+    get state() {
+        return this.context.stateManager.state;
+    }
+    brainDeserialize(serialized) {
+        const deserializedShareState = JSON.parse(serialized);
+        this.state.extendedState.share = deserializedShareState;
+        if (this.syncToInterface) {
+            this.state.interface.searchComponentVisible = deserializedShareState.searchComponentVisible;
+            this.state.interface.basemapComponentVisible = deserializedShareState.basemapComponentVisible;
+        }
+    }
+    brainSerialize(shareState) {
+        return JSON.stringify(shareState);
+    }
+}

package/components/share/sharestate.spec.d.ts

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

package/components/share/sharestate.spec.js

@@ -0,0 +1,32 @@
+import { afterAll, beforeEach, describe, expect, it } from 'vitest';
+import { ShareStateSerializer } from './sharestate';
+import MockHelper from '../../tools/tests/mockhelper';
+describe('ShareStateSerializer', () => {
+    const context = MockHelper.startMocking();
+    const defaultState = {
+        isBrainSerializable: false,
+        basemapComponentVisible: false,
+        searchComponentVisible: false
+    };
+    const serializedDefaultState = JSON.stringify(defaultState);
+    beforeEach(() => {
+        MockHelper.startMocking();
+        context.stateManager.state.interface.basemapComponentVisible = true;
+        context.stateManager.state.interface.searchComponentVisible = true;
+    });
+    afterAll(() => {
+        MockHelper.stopMocking(context);
+    });
+    it('deserialize and dont sync to state.interface', () => {
+        const serializer = new ShareStateSerializer(context);
+        serializer.brainDeserialize(serializedDefaultState);
+        expect(context.stateManager.state.interface.basemapComponentVisible).toEqual(true);
+        expect(context.stateManager.state.interface.searchComponentVisible).toEqual(true);
+    });
+    it('deserialize and do sync to state.interface', () => {
+        const serializer = new ShareStateSerializer(context, true);
+        serializer.brainDeserialize(serializedDefaultState);
+        expect(context.stateManager.state.interface.basemapComponentVisible).toEqual(false);
+        expect(context.stateManager.state.interface.searchComponentVisible).toEqual(false);
+    });
+});

package/components/share/tools/geogirafesharemanager.d.ts

@@ -4,6 +4,6 @@ declare class GeoGirafeShareManager implements IUrlShortener {
     private readonly serviceUrl;
     private readonly urlManager;
     constructor(serviceUrl: string, urlManager: UrlManager);
-    shortenUrl(longUrl: string): Promise<UrlShortenerResponse>;
+    shortenUrl(longUrl: string, indexDocument?: string): Promise<UrlShortenerResponse>;
 }
 export default GeoGirafeShareManager;

package/components/share/tools/geogirafesharemanager.js

@@ -6,7 +6,7 @@ class GeoGirafeShareManager {
         this.serviceUrl = serviceUrl;
         this.urlManager = urlManager;
     }
-    async shortenUrl(longUrl) {
+    async shortenUrl(longUrl, indexDocument) {
         const errorResponse = {
             success: false,
             shorturl: longUrl
@@ -25,7 +25,7 @@ class GeoGirafeShareManager {
             if (response_data) {
                 const baseUrl = this.urlManager.getBaseUrlPath();
                 const hash = response_data.short_url.split('/').pop();
-                const shortUrl = `${baseUrl}#gg-${hash}`;
+                const shortUrl = `${baseUrl}${indexDocument ?? ''}#gg-${hash}`;
                 const qrcode = await generateQrCode(shortUrl);
                 return {
                     success: true,

package/components/share/tools/iurlshortener.d.ts

@@ -4,5 +4,5 @@ export type UrlShortenerResponse = {
     qrcode?: string;
 };
 export interface IUrlShortener {
-    shortenUrl(longUrl: string): Promise<UrlShortenerResponse>;
+    shortenUrl(longUrl: string, indexDocument?: string): Promise<UrlShortenerResponse>;
 }

package/main.iframe.js

@@ -3,7 +3,7 @@ import GeoGirafeApp from './tools/app/geogirafeapp';
 // Display the splash-screen
 const splash = new SplashScreen();
 splash.begin();
-const girafeApp = new GeoGirafeApp();
+const girafeApp = new GeoGirafeApp(true);
 girafeApp.isReady().then(() => {
     // Remove the splash-screen
     splash.end();

package/package.json

@@ -5,7 +5,7 @@
     "name": "GeoGirafe PSC",
     "url": "https://doc.geomapfish.dev"
   },
-  "version": "1.0.2141599510",
+  "version": "1.0.2149179221",
   "type": "module",
   "engines": {
     "node": ">=20.19.0"

package/styles/iframe.css

@@ -45,5 +45,19 @@ girafe-map {
 }
 
 girafe-basemap {
-  display: none !important;
+  display: block;
+  position: absolute;
+  left: 0.5rem;
+  bottom: 0.5rem;
+}
+
+girafe-search {
+  display: block;
+  width: 25vw;
+  height: 2.25rem;
+  position: absolute;
+  top: 0.5rem;
+  left: 50%;
+  transform: translate(-50%, 0);
+  box-shadow: 0 1px 4px #0000004d;
 }

package/templates/iframe.html

@@ -84,6 +84,7 @@
         <div id="main">
           <girafe-map></girafe-map>
           <girafe-basemap></girafe-basemap>
+          <girafe-search id="search"></girafe-search>
         </div>
       </div>
     </girafe-app>

package/templates/public/about.json

@@ -1 +1 @@
-{"version":"1.0.2141599510", "build":"2141599510", "date":"05/11/2025"}
+{"version":"1.0.2149179221", "build":"2149179221", "date":"10/11/2025"}

package/tools/app/geogirafeapp.d.ts

@@ -2,8 +2,9 @@ export default class GeoGirafeApp {
     private readonly readyPromise;
     private resolveReady;
     private mainComponent;
+    private readonly isIframe;
     protected get context(): import("../context/icontext").default;
-    constructor();
+    constructor(isIframe?: boolean);
     isReady(): Promise<void>;
     protected initialize(): Promise<void>;
     protected defineMainComponent(): void;

package/tools/app/geogirafeapp.js

@@ -42,14 +42,17 @@ import UserPreferencesComponent from '../../components/userpreferences/component
 import VideoRecordComponent from '../../components/videorecord/component';
 import { DrawingState } from '../../components/drawing/drawingFeature';
 import DrawingSerializer from '../../components/drawing/drawingSerializer';
+import { ShareState, ShareStateSerializer } from '../../components/share/sharestate';
 export default class GeoGirafeApp {
     readyPromise;
     resolveReady;
     mainComponent;
+    isIframe;
     get context() {
         return this.mainComponent.getContext();
     }
-    constructor() {
+    constructor(isIframe = false) {
+        this.isIframe = isIframe;
         this.readyPromise = new Promise((resolve) => {
             this.resolveReady = resolve;
         });
@@ -84,6 +87,8 @@ export default class GeoGirafeApp {
         // TODO REG : Is this not done too late ? We need to check this, perhaps it shouol dbe done before the intialization of the share
         this.context.stateManager.state.extendedState.drawing = new DrawingState();
         this.context.stateSerializer.addSerializer(DrawingState, new DrawingSerializer(this.context));
+        this.context.stateManager.state.extendedState.share = new ShareState();
+        this.context.stateSerializer.addSerializer(ShareState, new ShareStateSerializer(this.context, this.isIframe));
     }
     defineCoreComponents() {
         customElements.define('girafe-about', AboutComponent);

package/tools/auth/abstractconnectmanager.d.ts

@@ -3,7 +3,7 @@ export default abstract class AbstractConnectManager {
     private readonly storagePath;
     protected readonly context: IGirafeContext;
     constructor(context: IGirafeContext);
-    protected get state(): import("../main").GraphicalInterface;
+    protected get state(): import("../main").State;
     abstract initialize(): Promise<void>;
     abstract login(): Promise<void>;
     abstract silentLogin(): Promise<void>;

package/tools/auth/gmfmanager.d.ts

@@ -3,7 +3,7 @@ export default class GMFManager {
     private readonly context;
     constructor(context: IGirafeContext);
     private get isOAuth();
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     get gmfConfigForOAuth(): {
         userInfoUrl: string;
         loginUrl: string;

package/tools/layers/layermanager.d.ts

@@ -9,7 +9,7 @@ declare class LayerManager extends GirafeSingleton {
     #private;
     private readonly layerClones;
     private readonly layerIdToClone;
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     initializeSingleton(): void;
     private onLayersListChanged;
     private fillLayerIdToClone;

package/tools/main.d.ts

@@ -41,11 +41,12 @@ export { default as SessionManager } from './share/sessionmanager';
 export { default as ShareManager } from './share/sharemanager';
 export { default as StateSerializer } from './share/stateserializer';
 export { default as ComponentManager } from './state/componentManager';
+export { default as GraphicalInterface } from './state/graphicalInterface';
 export { default as LayersConfig } from './state/layersConfig';
 export { default as MapManager } from './state/mapManager';
 export { default as MapPosition } from './state/mapposition';
 export { default as ObjectSelection } from './state/objectselection';
-export { default as GraphicalInterface } from './state/state';
+export { default as State } from './state/state';
 export { default as StateToggleManager } from './state/stateToggleManager';
 export { default as StateManager } from './state/statemanager';
 export { default as UserInteractionManager } from './state/userInteractionManager';

package/tools/main.js

@@ -41,11 +41,12 @@ export { default as SessionManager } from './share/sessionmanager';
 export { default as ShareManager } from './share/sharemanager';
 export { default as StateSerializer } from './share/stateserializer';
 export { default as ComponentManager } from './state/componentManager';
+export { default as GraphicalInterface } from './state/graphicalInterface';
 export { default as LayersConfig } from './state/layersConfig';
 export { default as MapManager } from './state/mapManager';
 export { default as MapPosition } from './state/mapposition';
 export { default as ObjectSelection } from './state/objectselection';
-export { default as GraphicalInterface } from './state/state';
+export { default as State } from './state/state';
 export { default as StateToggleManager } from './state/stateToggleManager';
 export { default as StateManager } from './state/statemanager';
 export { default as UserInteractionManager } from './state/userInteractionManager';

package/tools/ogcapi/ogcapiclient.d.ts

@@ -15,7 +15,7 @@ export default abstract class OgcApiClient<Server = ServerOgcApi> {
     private readonly stateManager;
     protected readonly options: OgcApiClientOptions;
     initialized: boolean;
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     get url(): string;
     protected constructor(serverOgc: ServerOgc, opt: OgcApiClientOptions, stateManager: StateManager);
     getServer(): Promise<Server>;

package/tools/ogcapi/ogcapifeaturesmanager.d.ts

@@ -11,7 +11,7 @@ import { OgcApiClientOptions } from './ogcapiclient';
  * Manages interaction between the GG and an OGC API Features client (OAPIF).
  */
 export default class OgcApiFeaturesManager extends VendorSpecificOgcServerManager<OgcApiFeaturesClient, OgcApiClientOptions> {
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     getClientId(ogcServer: ServerOgc): string;
     initializeSingleton(): void;
     getSchema(layer: OapifLayer): Promise<OgcApiFeaturesSchema>;

package/tools/share/serializers/interfaceserializer.d.ts

@@ -1,6 +1,6 @@
 import IGirafeContext from '../../context/icontext';
 import { IBrainSerializer } from '../../state/brain/serialize';
-import { GraphicalInterface } from '../../state/state';
+import GraphicalInterface from '../../state/graphicalInterface';
 export default class InterfaceSerializer implements IBrainSerializer<GraphicalInterface> {
     private readonly context;
     constructor(context: IGirafeContext);

package/tools/share/stateserializer.js

@@ -4,11 +4,11 @@ import MapPosition from '../state/mapposition';
 import LayersConfig from '../state/layersConfig';
 import LayersConfigSerializer from './serializers/layerconfigserializer';
 import ActiveBasemapsSerializer from './serializers/activebasemapsserializer';
-import { GraphicalInterface } from '../state/state';
 import GirafeSingleton from '../../base/GirafeSingleton';
 import BrainSerializer from '../state/brain/serialize';
 import SelectionSerializer from './serializers/selectionserializer';
 import ObjectSelection from '../state/objectselection';
+import GraphicalInterface from '../state/graphicalInterface';
 import InterfaceSerializer from './serializers/interfaceserializer';
 class StateSerializer extends GirafeSingleton {
     brainSerializer = new BrainSerializer();

package/tools/state/graphicalInterface.d.ts

@@ -0,0 +1,24 @@
+import { SwipeupPanelMode } from './swipeuppanelmode';
+export default class GraphicalInterface {
+    isMobile: boolean;
+    helpVisible: boolean;
+    drawingPanelVisible: boolean;
+    printPanelVisible: boolean;
+    extLayerPanelVisible: boolean;
+    crossSectionPanelVisible: boolean;
+    editPanelVisible: boolean;
+    sharePanelVisible: boolean;
+    selectionComponentVisible: boolean;
+    selectionComponent: string;
+    layoutPanelVisible: boolean;
+    aboutPanelVisible: boolean;
+    userPreferencesPanelVisible: boolean;
+    infoWindowVisible: boolean;
+    searchComponentVisible: boolean;
+    basemapComponentVisible: boolean;
+    darkMapMode: boolean;
+    darkFrontendMode: boolean;
+    swipeupPanelMode: SwipeupPanelMode;
+    contactPanelVisible: boolean;
+    swipeupPanelContent: 'selector' | 'features' | 'menu' | 'drawing' | 'offline' | null;
+}

package/tools/state/graphicalInterface.js

@@ -0,0 +1,25 @@
+import { systemIsInDarkMode } from '../utils/utils';
+export default class GraphicalInterface {
+    isMobile = false;
+    helpVisible = false;
+    drawingPanelVisible = false;
+    printPanelVisible = false;
+    extLayerPanelVisible = false;
+    crossSectionPanelVisible = false;
+    editPanelVisible = false;
+    sharePanelVisible = false;
+    selectionComponentVisible = false;
+    selectionComponent = '';
+    layoutPanelVisible = false;
+    aboutPanelVisible = false;
+    userPreferencesPanelVisible = false;
+    infoWindowVisible = false;
+    searchComponentVisible = true;
+    basemapComponentVisible = true;
+    darkMapMode = false;
+    // TODO: remove of adjust this when the component UserDataManager is monted on mobile UI
+    darkFrontendMode = systemIsInDarkMode() ?? false;
+    swipeupPanelMode = 'closed';
+    contactPanelVisible = false;
+    swipeupPanelContent = 'selector';
+}

package/tools/state/state.d.ts

@@ -9,30 +9,7 @@ import type { GgUserInteractionListener } from './userInteractionManager';
 import type CustomTheme from '../../models/customtheme';
 import ObjectSelection from './objectselection';
 import type Theme from '../../models/theme';
-export declare class GraphicalInterface {
-    isMobile: boolean;
-    helpVisible: boolean;
-    drawingPanelVisible: boolean;
-    printPanelVisible: boolean;
-    extLayerPanelVisible: boolean;
-    lidarPanelVisible: boolean;
-    crossSectionPanelVisible: boolean;
-    editPanelVisible: boolean;
-    sharePanelVisible: boolean;
-    selectionComponentVisible: boolean;
-    selectionComponent: string;
-    layoutPanelVisible: boolean;
-    aboutPanelVisible: boolean;
-    userPreferencesPanelVisible: boolean;
-    infoWindowVisible: boolean;
-    searchComponentVisible: boolean;
-    basemapComponentVisible: boolean;
-    darkMapMode: boolean;
-    darkFrontendMode: boolean;
-    swipeupPanelMode: string;
-    contactPanelVisible: boolean;
-    swipeupPanelContent: 'selector' | 'features' | 'menu' | 'drawing' | 'offline' | null;
-}
+import GraphicalInterface from './graphicalInterface';
 export type ThemesConfig = {
     _allThemes: Record<number, ThemeLayer>;
     isLoaded: boolean;
@@ -108,15 +85,6 @@ export type InfoWindow = {
     left: string | number | null;
 };
 export type ExtendedState = Record<string, object>;
-/**
- * The pannel can be:
- * - "closed": it is invisible, below screen
- * - "reduced": only a small tray is visible at the bottom of the screen
- * - "half": about half of the screen
- * - "full": the pannel is fully open, covering up to almost the top of the screen
- * - "manual": a state reserved for when the panel handle was used to manually adjust the panel height
- */
-export type SwipeupPanelMode = 'closed' | 'reduced' | 'half' | 'full' | 'manual';
 export default class State {
     /**
      * This class is a used as the state of the application, which will be accessed behind a javascript proxy.

package/tools/state/state.js

@@ -7,33 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import MapPosition from './mapposition';
 import { BrainSerialize } from './brain/decorators';
 import LayersConfig from './layersConfig';
-import { systemIsInDarkMode } from '../utils/utils';
 import ObjectSelection from './objectselection';
-export class GraphicalInterface {
-    isMobile = false;
-    helpVisible = false;
-    drawingPanelVisible = false;
-    printPanelVisible = false;
-    extLayerPanelVisible = false;
-    lidarPanelVisible = false;
-    crossSectionPanelVisible = false;
-    editPanelVisible = false;
-    sharePanelVisible = false;
-    selectionComponentVisible = false;
-    selectionComponent = '';
-    layoutPanelVisible = false;
-    aboutPanelVisible = false;
-    userPreferencesPanelVisible = false;
-    infoWindowVisible = false;
-    searchComponentVisible = true;
-    basemapComponentVisible = true;
-    darkMapMode = false;
-    // TODO: remove of adjust this when the component UserDataManager is monted on mobile UI
-    darkFrontendMode = systemIsInDarkMode() ?? false;
-    swipeupPanelMode = 'closed';
-    contactPanelVisible = false;
-    swipeupPanelContent = 'selector';
-}
+import GraphicalInterface from './graphicalInterface';
 export default class State {
     /**
      * This class is a used as the state of the application, which will be accessed behind a javascript proxy.

package/tools/state/swipeuppanelmode.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The pannel can be:
+ * - "closed": it is invisible, below screen
+ * - "reduced": only a small tray is visible at the bottom of the screen
+ * - "half": about half of the screen
+ * - "full": the pannel is fully open, covering up to almost the top of the screen
+ * - "manual": a state reserved for when the panel handle was used to manually adjust the panel height
+ */
+export type SwipeupPanelMode = 'closed' | 'reduced' | 'half' | 'full' | 'manual';

package/tools/state/swipeuppanelmode.js

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

package/tools/themes/themeshelper.d.ts

@@ -5,7 +5,7 @@ import Layer from '../../models/layers/layer';
 import ThemeLayer from '../../models/layers/themelayer';
 export default class ThemesHelper extends GirafeSingleton {
     initializeSingleton(): void;
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     findBaseLayerById(layerId: number): BaseLayer;
     private findBaseLayerRecurviveById;
     findThemeByName(themename: string): ThemeLayer | null;

package/tools/themes/themesmanager.d.ts

@@ -5,7 +5,7 @@ declare class ThemesManager extends GirafeSingleton {
     anonymousUserInfo: {
         u: string;
     };
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     initializeSingleton(): void;
     private initialize;
     private restoreState;

package/tools/themes/userlayermanager.d.ts

@@ -14,7 +14,7 @@ type UserThemeConfig = {
 export default class UserLayerManager extends GirafeSingleton {
     themeLayerItemIds: Record<string, string>;
     userThemeConfig: Record<string, UserThemeConfig>;
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     private getThemeLayerByTreeId;
     private getUserLayerByTreeId;
     private getOrCreateThemeLayer;

package/tools/wfs/wfsclient.d.ts

@@ -19,7 +19,7 @@ export default class WfsClient<WfsXmlTypes = XmlTypes> {
     #private;
     private readonly context;
     version: string;
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     ogcServer: ServerOgc;
     maxFeatures: number;
     featurePrefix: string;

package/tools/wfs/wfsmanager.d.ts

@@ -6,7 +6,7 @@ import ServerOgc from '../../models/serverogc';
 import VendorSpecificOgcServerManager from '../vendorspecificogcservermanager';
 import Feature from 'ol/Feature';
 export default class WfsManager extends VendorSpecificOgcServerManager<WfsClient, WfsClientOptionalOptions> {
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     getClientId(ogcServer: ServerOgc): string;
     static readonly UnknownFeatureType: string;
     initializeSingleton(): void;

package/tools/wms/wmsclient.d.ts

@@ -13,7 +13,7 @@ export default abstract class WmsClient {
     resolutionTolerance: number;
     capabilityPromise: Promise<Record<string, unknown>> | null;
     capabilities: Record<string, unknown> | null;
-    get state(): import("../main").GraphicalInterface;
+    get state(): import("../main").State;
     get audienceExcludedPaths(): string[];
     layers: LayerWms[];
     olayer?: ImageLayer<ImageWMS>;