@igo2/geo 20.1.0-next.29 → 20.1.0-next.30

package/fesm2022/igo2-geo.mjs

@@ -20,12 +20,12 @@ import html2canvas from 'html2canvas';
 import jsPDF, { jsPDF as jsPDF$1 } from 'jspdf';
 import { autoTable } from 'jspdf-autotable';
 import moment from 'moment';
-import { Subject, Observable, forkJoin, map as map$1, catchError, of, combineLatest, BehaviorSubject, interval, tap, from, switchMap, first, concatMap as concatMap$1, mergeMap, zip, merge, fromEvent, debounceTime as debounceTime$1, EMPTY, timer, filter, pairwise, Subscription, throwError, firstValueFrom, lastValueFrom, take as take$1 } from 'rxjs';
+import { Subject, Observable, forkJoin, fromEvent, map as map$1, catchError as catchError$1, of, combineLatest, BehaviorSubject, interval, tap, from, switchMap, first as first$1, concatMap as concatMap$1, mergeMap, zip, merge, debounceTime as debounceTime$1, EMPTY, timer, filter, pairwise, Subscription, throwError, firstValueFrom, lastValueFrom, take as take$1 } from 'rxjs';
 import { HttpClient, HttpParams, HttpBackend, HttpHeaders } from '@angular/common/http';
 import { fetchImageFromDepotUrl, ImageErrorDirective, SecureImagePipe } from '@igo2/common/image';
 import { saveAs } from 'file-saver';
 import JSZip from 'jszip';
-import { map, concatMap, switchMap as switchMap$1, first as first$1, mergeMap as mergeMap$1, distinctUntilChanged, tap as tap$1, debounceTime, catchError as catchError$1, delay, skip, debounce, skipWhile, takeUntil, take, finalize, filter as filter$1, startWith } from 'rxjs/operators';
+import { map, timeout, first, catchError, concatMap, switchMap as switchMap$1, mergeMap as mergeMap$1, distinctUntilChanged, tap as tap$1, debounceTime, delay, skip, debounce, skipWhile, takeUntil, take, finalize, filter as filter$1, startWith } from 'rxjs/operators';
 import OlFeature from 'ol/Feature';
 import OlGeoJSON from 'ol/format/GeoJSON';
 import * as olgeom from 'ol/geom';
@@ -832,6 +832,7 @@ const PrintLegendPosition = strEnum([
     'newpage'
 ]);
 
+const PRINT_TIMEOUT = 30000; // 30 secondes
 class PrintService {
     http = inject(HttpClient);
     config = inject(ConfigService);
@@ -920,10 +921,10 @@ class PrintService {
                 else {
                     await this.saveDoc(doc);
                 }
-            }
-            if (status === SubjectStatus.Done || status === SubjectStatus.Error) {
-                this.activityService.unregister(this.activityId);
-                status$.next(SubjectStatus.Done);
+                if (status === SubjectStatus.Done || status === SubjectStatus.Error) {
+                    this.activityService.unregister(this.activityId);
+                    status$.next(SubjectStatus.Done);
+                }
             }
         });
         return status$;
@@ -1305,8 +1306,8 @@ class PrintService {
         const viewResolution = map.ol.getView().getResolution();
         const dimensionPixels = this.setMapResolution(map, imageDimensions, resolution, viewResolution);
         const status$ = new Subject();
-        let timeout;
-        map.ol.once('rendercomplete', async (event) => {
+        this.mapRenderCompleteEvent$(map, mapSize, viewResolution, status$).subscribe(async (event) => {
+            let timeout = undefined;
             const mapCanvas = event.target
                 .getViewport()
                 .getElementsByTagName('canvas');
@@ -1514,7 +1515,7 @@ class PrintService {
         const resolution = +printResolution;
         const initialMapSize = map.ol.getSize();
         const viewResolution = map.ol.getView().getResolution();
-        map.ol.once('rendercomplete', async (event) => {
+        this.mapRenderCompleteEvent$(map, initialMapSize, viewResolution, status$).subscribe(async (event) => {
             const size = map.ol.getSize();
             const mapCanvas = event.target
                 .getViewport()
@@ -1916,6 +1917,19 @@ class PrintService {
         }
         return n * k;
     }
+    mapRenderCompleteEvent$(map, mapSize, viewResolution, status$) {
+        return fromEvent(map.ol, 'rendercomplete').pipe(timeout(PRINT_TIMEOUT), first(), catchError((error) => {
+            const translate = this.languageService.translate;
+            const message = translate.instant('igo.geo.printForm.timeout', {
+                value: PRINT_TIMEOUT / 1000
+            });
+            error.message += ` - ${message}`;
+            this.messageService.error(message);
+            status$.next(SubjectStatus.Error);
+            this.resetOriginalMapSize(map, mapSize, viewResolution);
+            throw error;
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PrintService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PrintService, providedIn: 'root' });
 }
@@ -3523,7 +3537,7 @@ class WFSDataSource extends DataSource {
     _fetchFeatures(featureProjection, url, { extent, projection, httpClient }) {
         return httpClient.get(url, { responseType: 'text' }).pipe(map$1((response) => {
             return this._parseXmlFeatures(response, projection, featureProjection);
-        }), catchError((e) => {
+        }), catchError$1((e) => {
             if (extent)
                 this.ol.removeLoadedExtent(extent);
             throw e;
@@ -4814,7 +4828,7 @@ class GeoDB {
         const compress = object instanceof Blob ? true : false;
         let geoDBData;
         const a = this.db$.pipe(switchMap((db) => {
-            return object$.pipe(first(), switchMap((object) => {
+            return object$.pipe(first$1(), switchMap((object) => {
                 geoDBData = {
                     url,
                     regionID,
@@ -4918,7 +4932,7 @@ class GeoDB {
         const revertObservables = [];
         for (const [regionID, collisions] of this.collisionsMap) {
             for (const url of collisions) {
-                revertObservables.push(this.getGeoDBData(url).pipe(first(), concatMap$1((dbObject) => {
+                revertObservables.push(this.getGeoDBData(url).pipe(first$1(), concatMap$1((dbObject) => {
                     const updatedObject = dbObject;
                     updatedObject.regionID = regionID;
                     return this.customUpdate(updatedObject);
@@ -4949,7 +4963,7 @@ class LayerDB {
      * @returns
      */
     update(layerDBData) {
-        return this.db$.pipe(switchMap$1((db) => this.getByID(layerDBData.layerId).pipe(first$1(), concatMap((dbObject) => {
+        return this.db$.pipe(switchMap$1((db) => this.getByID(layerDBData.layerId).pipe(first(), concatMap((dbObject) => {
             if (!dbObject) {
                 return from(db.add('layerData', layerDBData)).pipe(map(() => layerDBData));
             }
@@ -6308,7 +6322,7 @@ class VectorLayer extends Layer {
             insertEvent: `${this.title}-${this.id}-${new Date()}`
         });
         const layerDB = new LayerDB();
-        layerDB.update(layerData).pipe(first$1()).subscribe();
+        layerDB.update(layerData).pipe(first()).subscribe();
     }
     maintainFeaturesInIdb() {
         const dsFeatures = this.dataSource.ol.getFeatures();
@@ -6320,7 +6334,7 @@ class VectorLayer extends Layer {
         const geoDB = new GeoDB();
         geoDB
             .update(this.options.sourceOptions?.url || this.id.toString(), this.id, geojsonObject, InsertSourceInsertDBEnum.User, `${this.title}-${this.id}-${new Date()}`)
-            .pipe(first$1())
+            .pipe(first())
             .subscribe();
     }
     flash(feature) {
@@ -6621,7 +6635,7 @@ class VectorLayer extends Layer {
             const options = { responseType: type };
             const getVectorObs$ = this.geoNetworkService
                 .get(modifiedUrl, options)
-                .pipe(first$1(), catchError$1((res) => {
+                .pipe(first(), catchError((res) => {
                 onError();
                 throw res;
             }));
@@ -9665,7 +9679,7 @@ class CapabilitiesService {
         const legendUrl = baseOptions.url + '/legend?f=json';
         const serviceCapabilities = this.getCapabilities('imagearcgisrest', baseOptions.url);
         const arcgisOptions = this.http.get(baseUrl);
-        const legend = this.http.get(legendUrl).pipe(map((res) => res), catchError$1((err) => {
+        const legend = this.http.get(legendUrl).pipe(map((res) => res), catchError((err) => {
             console.log('No legend associated with this Image Service');
             return of(err);
         }));
@@ -9678,7 +9692,7 @@ class CapabilitiesService {
         const legendUrl = baseOptions.url + '/legend?f=json';
         const serviceCapabilities = this.getCapabilities('tilearcgisrest', baseOptions.url);
         const arcgisOptions = this.http.get(baseUrl);
-        const legendInfo = this.http.get(legendUrl).pipe(map((res) => res), catchError$1((err) => {
+        const legendInfo = this.http.get(legendUrl).pipe(map((res) => res), catchError((err) => {
             console.log('No legend associated with this Tile Service');
             return of(err);
         }));
@@ -9718,7 +9732,7 @@ class CapabilitiesService {
             else {
                 return this.parsers[service].read(res);
             }
-        }), catchError$1((e) => {
+        }), catchError((e) => {
             if (typeof e.error !== 'undefined') {
                 e.error.caught = true;
             }
@@ -10124,7 +10138,7 @@ class DataSourceService {
     createWMSDataSource(options, detailedContextUri) {
         const observables = [];
         if (options.optionsFromCapabilities && window.navigator.onLine) {
-            observables.push(this.capabilitiesService.getWMSOptions(options).pipe(catchError$1((e) => {
+            observables.push(this.capabilitiesService.getWMSOptions(options).pipe(catchError((e) => {
                 this.messageService.error('igo.geo.dataSource.unavailable', 'igo.geo.dataSource.unavailableTitle', undefined, { value: options.params.LAYERS });
                 throw e;
             })));
@@ -10132,7 +10146,7 @@ class DataSourceService {
         if (this.optionsService &&
             options.optionsFromApi &&
             window.navigator.onLine) {
-            observables.push(this.optionsService.getWMSOptions(options, detailedContextUri).pipe(catchError$1((e) => {
+            observables.push(this.optionsService.getWMSOptions(options, detailedContextUri).pipe(catchError((e) => {
                 e.error.toDisplay = true;
                 e.error.title = this.languageService.translate.instant('igo.geo.dataSource.unavailableTitle');
                 e.error.message = this.languageService.translate.instant('igo.geo.dataSource.optionsApiUnavailable');
@@ -10146,7 +10160,7 @@ class DataSourceService {
                 optionsMerged.params = this.normalizeParams(optionsMerged.params);
             }
             return new WMSDataSource(optionsMerged, this.wfsDataSourceService, this.ogcFilterService);
-        }), catchError$1(() => {
+        }), catchError(() => {
             return of(undefined);
         }));
     }
@@ -10163,7 +10177,7 @@ class DataSourceService {
         if (options.optionsFromCapabilities && window.navigator.onLine) {
             return this.capabilitiesService.getWMTSOptions(options).pipe(map((options) => {
                 return options ? new WMTSDataSource(options) : undefined;
-            }), catchError$1(() => {
+            }), catchError(() => {
                 this.messageService.error('igo.geo.dataSource.unavailable', 'igo.geo.dataSource.unavailableTitle', undefined, { value: options.layer });
                 return of(undefined);
             }));
@@ -10187,7 +10201,7 @@ class DataSourceService {
     createArcGISRestDataSource(options, detailedContextUri) {
         const observables = [];
         if (window.navigator.onLine) {
-            observables.push(this.capabilitiesService.getArcgisOptions(options).pipe(catchError$1((e) => {
+            observables.push(this.capabilitiesService.getArcgisOptions(options).pipe(catchError((e) => {
                 this.messageService.error('igo.geo.dataSource.unavailable', 'igo.geo.dataSource.unavailableTitle', undefined, { value: options.layer });
                 throw e;
             })));
@@ -10197,7 +10211,7 @@ class DataSourceService {
             window.navigator.onLine) {
             observables.push(this.optionsService
                 .getArcgisRestOptions(options, detailedContextUri)
-                .pipe(catchError$1((e) => {
+                .pipe(catchError((e) => {
                 e.error.toDisplay = true;
                 e.error.title = this.languageService.translate.instant('igo.geo.dataSource.unavailableTitle');
                 e.error.message = this.languageService.translate.instant('igo.geo.dataSource.optionsApiUnavailable');
@@ -10208,14 +10222,14 @@ class DataSourceService {
         return forkJoin(observables).pipe(map((options) => {
             const optionsMerged = options.reduce((a, b) => ObjectUtils.mergeDeep(a, b));
             return new ArcGISRestDataSource(optionsMerged);
-        }), catchError$1(() => {
+        }), catchError(() => {
             return of(undefined);
         }));
     }
     createArcGISRestImageDataSource(options, detailedContextUri) {
         const observables = [];
         if (window.navigator.onLine) {
-            observables.push(this.capabilitiesService.getImageArcgisOptions(options).pipe(catchError$1((e) => {
+            observables.push(this.capabilitiesService.getImageArcgisOptions(options).pipe(catchError((e) => {
                 this.messageService.error('igo.geo.dataSource.unavailable', 'igo.geo.dataSource.unavailableTitle', undefined, { value: options.params.LAYERS });
                 throw e;
             })));
@@ -10225,7 +10239,7 @@ class DataSourceService {
             window.navigator.onLine) {
             observables.push(this.optionsService
                 .getArcgisRestOptions(options, detailedContextUri)
-                .pipe(catchError$1((e) => {
+                .pipe(catchError((e) => {
                 e.error.toDisplay = true;
                 e.error.title = this.languageService.translate.instant('igo.geo.dataSource.unavailableTitle');
                 e.error.message = this.languageService.translate.instant('igo.geo.dataSource.optionsApiUnavailable');
@@ -10236,14 +10250,14 @@ class DataSourceService {
         return forkJoin(observables).pipe(map((options) => {
             const optionsMerged = options.reduce((a, b) => ObjectUtils.mergeDeep(a, b));
             return new ImageArcGISRestDataSource(optionsMerged);
-        }), catchError$1(() => {
+        }), catchError(() => {
             return of(undefined);
         }));
     }
     createTileArcGISRestDataSource(options, detailedContextUri) {
         const observables = [];
         if (window.navigator.onLine) {
-            observables.push(this.capabilitiesService.getImageArcgisOptions(options).pipe(catchError$1((e) => {
+            observables.push(this.capabilitiesService.getImageArcgisOptions(options).pipe(catchError((e) => {
                 this.messageService.error('igo.geo.dataSource.unavailable', 'igo.geo.dataSource.unavailableTitle', undefined, { value: options.params.LAYERS });
                 throw e;
             })));
@@ -10253,7 +10267,7 @@ class DataSourceService {
             window.navigator.onLine) {
             observables.push(this.optionsService
                 .getArcgisRestOptions(options, detailedContextUri)
-                .pipe(catchError$1((e) => {
+                .pipe(catchError((e) => {
                 e.error.toDisplay = true;
                 e.error.title = this.languageService.translate.instant('igo.geo.dataSource.unavailableTitle');
                 e.error.message = this.languageService.translate.instant('igo.geo.dataSource.optionsApiUnavailable');
@@ -10264,7 +10278,7 @@ class DataSourceService {
         return forkJoin(observables).pipe(map((options) => {
             const optionsMerged = options.reduce((a, b) => ObjectUtils.mergeDeep(a, b));
             return new TileArcGISRestDataSource(optionsMerged);
-        }), catchError$1(() => {
+        }), catchError(() => {
             return of(undefined);
         }));
     }
@@ -10292,7 +10306,7 @@ class ConfigFileToGeoDBService {
         let downloadMessage;
         this.http
             .get(urlFile)
-            .pipe(catchError$1((error) => {
+            .pipe(catchError((error) => {
             this.messageService.error(`GeoData file ${urlFile} could not be read`);
             error.error.caught = true;
             throw error;
@@ -10325,7 +10339,7 @@ class ConfigFileToGeoDBService {
                                         if (isZip) {
                                             responseType = 'arraybuffer';
                                         }
-                                        return this.http.get(url, { responseType }).pipe(catchError$1((error) => {
+                                        return this.http.get(url, { responseType }).pipe(catchError((error) => {
                                             this.messageService.remove(downloadMessage.toastId);
                                             this.messageService.error('igo.geo.indexedDb.data-download-failed', undefined, { timeOut: 40000 });
                                             error.error.caught = true;
@@ -12336,7 +12350,7 @@ class LayerLegendComponent {
         if (item.url) {
             const depotUrl = this.config?.getConfig('depot.url');
             fetchImageFromDepotUrl(item.url, depotUrl, this.http)
-                .pipe(catchError$1((err) => {
+                .pipe(catchError((err) => {
                 if (err.error) {
                     err.error.caught = true;
                     this.getLegend = false;
@@ -15267,7 +15281,7 @@ class HoverFeatureDirective {
      */
     ngOnInit() {
         this.map.status$
-            .pipe(first$1((status) => status === SubjectStatus.Done))
+            .pipe(first((status) => status === SubjectStatus.Done))
             .subscribe(() => {
             this.store = new FeatureStore([], { map: this.map });
             this.initStore();
@@ -24264,7 +24278,7 @@ class DrawComponent {
                     .manyBy$((record) => {
                     return record.state.selected === true;
                 })
-                    .pipe(first$1())
+                    .pipe(first())
                     .subscribe((records) => {
                     records.forEach((record) => {
                         record.state.selected = false;
@@ -29469,7 +29483,7 @@ class StyleListService {
         return new Promise((resolve) => {
             this.httpClient
                 .get(options.path)
-                .pipe(catchError$1((error) => {
+                .pipe(catchError((error) => {
                 console.log(`StyleList file ${options.path} could not be read`);
                 resolve(true);
                 return throwError(error.error || 'Server error');
@@ -29960,7 +29974,7 @@ class ExportService {
                 projection,
                 httpClient: this.httpClient
             })
-                .pipe(catchError((e) => {
+                .pipe(catchError$1((e) => {
                 throw e;
             }));
         }
@@ -29969,7 +29983,7 @@ class ExportService {
             const wks = this.getWorkspaceByLayerId(layer.id, store);
             if (wks?.entityStore?.stateView.all().length) {
                 const features = this.getFeaturesFromWorkspace(wks, layer.id.toString(), data);
-                return of(features).pipe(catchError((e) => {
+                return of(features).pipe(catchError$1((e) => {
                     throw e;
                 }));
             }
@@ -30239,7 +30253,7 @@ function handleFileImportSuccess(file, features, map, contextUri, messageService
     const obs$ = confirmDialogService
         ? confirmDialogService.open('igo.geo.import.promptStoreToIdb')
         : of(false);
-    obs$.pipe(first()).subscribe((confirm) => {
+    obs$.pipe(first$1()).subscribe((confirm) => {
         const d = new Date();
         const dformat = [
             d.getFullYear(),
@@ -31341,7 +31355,7 @@ class DropGeoFileDirective extends DragAndDropDirective {
     onFilesDropped(files) {
         for (const file of files) {
             this.epsgCode$$.push(detectFileEPSG({ file })
-                .pipe(skipWhile((code) => !code), first$1(), concatMap((epsgCode) => {
+                .pipe(skipWhile((code) => !code), first(), concatMap((epsgCode) => {
                 if (!epsgCode || epsgCode === 'epsgNotDefined') {
                     return this.openEPSGModal(file).pipe(filter$1((selectedCode) => !!selectedCode), // user must select
                     concatMap((selectedCode) => this.importService.import(file, selectedCode)));
@@ -33814,7 +33828,7 @@ class SearchPointerSummaryDirective {
     ngOnInit() {
         this.listenToMapPointerMove();
         this.map.status$
-            .pipe(first((status) => status === SubjectStatus.Done))
+            .pipe(first$1((status) => status === SubjectStatus.Done))
             .subscribe(() => {
             this.store = new FeatureStore([], { map: this.map });
             this.initStore();
@@ -34700,7 +34714,7 @@ class IChercheSearchSource extends SearchSource {
         return this.getSearch(term, params);
     }
     getSearch(term, params) {
-        return this.http.get(`${this.searchUrl}/geocode`, { params }).pipe(map((response) => this.extractResults(response, term)), catchError$1((err) => {
+        return this.http.get(`${this.searchUrl}/geocode`, { params }).pipe(map((response) => this.extractResults(response, term)), catchError((err) => {
             err.error.toDisplay = true;
             err.error.title = this.languageService.translate.instant(this.defaultOptions.title);
             throw err;
@@ -37340,7 +37354,7 @@ class EditionWorkspaceService {
         }
         return this.http.get(url).pipe(map((result) => {
             return result;
-        }), catchError$1((err) => {
+        }), catchError((err) => {
             err.error.caught = true;
             return throwError(err);
         }));
@@ -38505,7 +38519,7 @@ class CatalogService {
             // Catalogs from API
             const catalogsFromApi$ = this.http
                 .get(`${apiUrl}/catalogs`)
-                .pipe(map((catalogs) => catalogs.map((c) => Object.assign(c, c.options))), catchError$1(() => EMPTY));
+                .pipe(map((catalogs) => catalogs.map((c) => Object.assign(c, c.options))), catchError(() => EMPTY));
             observables$.push(catalogsFromApi$);
         }
         // Catalogs from config
@@ -38567,7 +38581,7 @@ class CatalogService {
             capabilitiesCapabilityLayer.Layer = finalLayers.filter((f) => f.Layer.length !== 0);
             this.includeRecursiveItems(catalog, capabilitiesCapabilityLayer, items);
             return items;
-        }), catchError$1(() => {
+        }), catchError(() => {
             this.messageService.error('igo.geo.catalog.unavailable', 'igo.geo.catalog.unavailableTitle', undefined, { value: catalog.title });
             return EMPTY;
         }));
@@ -38700,7 +38714,7 @@ class CatalogService {
         const sType = TypeCatalog[catalog.type];
         return this.capabilitiesService
             .getCapabilities(sType, catalog.url, catalog.version)
-            .pipe(catchError$1((e) => {
+            .pipe(catchError((e) => {
             this.messageService.error(catalog.title
                 ? 'igo.geo.catalog.unavailable'
                 : 'igo.geo.catalog.someUnavailable', 'igo.geo.catalog.unavailableTitle', undefined, catalog.title ? { value: catalog.title } : undefined);
@@ -39251,7 +39265,7 @@ class CatalogBrowserLayerComponent {
         this.layerLegendShown$.next(!this.layerLegendShown$.value);
         this.layerService
             .createAsyncLayer(this.layer().options)
-            .pipe(first$1())
+            .pipe(first())
             .subscribe((layer) => this.igoLayer$.next(layer));
     }
     /**
@@ -39721,7 +39735,7 @@ class CatalogBrowserComponent {
     removeLayersFromMap(layers) {
         if (this.isAddingLayers.value) {
             this.isAddingLayers
-                .pipe(first((value) => value === false))
+                .pipe(first$1((value) => value === false))
                 .subscribe((_isReady) => {
                 this._removeLayersFromMap(layers);
             });
@@ -40093,7 +40107,7 @@ class CatalogLibraryComponent {
         }
         this.addingCatalog$$ = this.capabilitiesService
             .getCapabilities(addedCatalog.type, addedCatalog.url, addedCatalog.version)
-            .pipe(catchError((e) => {
+            .pipe(catchError$1((e) => {
             if (e.error) {
                 this.addCatalogDialog(true, addedCatalog, !!predefinedCatalog);
                 e.error.caught = true;
@@ -40823,60 +40837,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class PrintComponent {
     printService = inject(PrintService);
     disabled$ = new BehaviorSubject(false);
-    get map() {
-        return this._map;
-    }
-    set map(value) {
-        this._map = value;
-    }
-    _map;
-    get outputFormat() {
-        return this._outputFormat;
-    }
-    set outputFormat(value) {
-        this._outputFormat = value;
-    }
-    _outputFormat;
-    get paperFormat() {
-        return this._paperFormat;
-    }
-    set paperFormat(value) {
-        this._paperFormat = value;
-    }
-    _paperFormat;
-    get orientation() {
-        return this._orientation;
-    }
-    set orientation(value) {
-        this._orientation = value;
-    }
-    _orientation;
-    get imageFormat() {
-        return this._imageFormat;
-    }
-    set imageFormat(value) {
-        this._imageFormat = value;
-    }
-    _imageFormat;
-    get legendPosition() {
-        return this._legendPosition;
-    }
-    set legendPosition(value) {
-        this._legendPosition = value;
-    }
-    _legendPosition;
-    get resolution() {
-        return this._resolution;
-    }
-    set resolution(value) {
-        this._resolution = value;
-    }
-    _resolution;
+    map = input(undefined, ...(ngDevMode ? [{ debugName: "map" }] : []));
+    outputFormat = input(undefined, ...(ngDevMode ? [{ debugName: "outputFormat" }] : []));
+    paperFormat = input(undefined, ...(ngDevMode ? [{ debugName: "paperFormat" }] : []));
+    orientation = input(undefined, ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    imageFormat = input(undefined, ...(ngDevMode ? [{ debugName: "imageFormat" }] : []));
+    legendPosition = input(undefined, ...(ngDevMode ? [{ debugName: "legendPosition" }] : []));
+    resolution = input(undefined, ...(ngDevMode ? [{ debugName: "resolution" }] : []));
     handleFormSubmit(data) {
         this.disabled$.next(true);
         if (data.isPrintService === true) {
             this.printService
-                .print(this.map, data)
+                .print(this.map(), data)
                 .pipe(take(1))
                 .subscribe(() => {
                 this.disabled$.next(false);
@@ -40895,7 +40867,7 @@ class PrintComponent {
             }
             this.printService.defineNbFileToProcess(nbFileToProcess);
             this.printService
-                .downloadMapImage(this.map, data.resolution, data.imageFormat, data.showProjection, data.showScale, data.title, data.subtitle, data.comment, data.doZipFile, data.legendPosition, data.showNorthArrow)
+                .downloadMapImage(this.map(), data.resolution, data.imageFormat, data.showProjection, data.showScale, data.title, data.subtitle, data.comment, data.doZipFile, data.legendPosition, data.showNorthArrow)
                 .pipe(take(1))
                 .subscribe(() => {
                 this.disabled$.next(false);
@@ -40903,26 +40875,12 @@ class PrintComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PrintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: PrintComponent, isStandalone: true, selector: "igo-print", inputs: { map: "map", outputFormat: "outputFormat", paperFormat: "paperFormat", orientation: "orientation", imageFormat: "imageFormat", legendPosition: "legendPosition", resolution: "resolution" }, providers: [SecureImagePipe], ngImport: i0, template: "<igo-print-form\n  [outputFormat]=\"outputFormat\"\n  [paperFormat]=\"paperFormat\"\n  [orientation]=\"orientation\"\n  [imageFormat]=\"imageFormat\"\n  [resolution]=\"resolution\"\n  [legendPosition]=\"legendPosition\"\n  [disabled$]=\"disabled$\"\n  (submit)=\"handleFormSubmit($event)\"\n/>\n", dependencies: [{ kind: "component", type: PrintFormComponent, selector: "igo-print-form", inputs: ["disabled$", "imageFormat", "outputFormat", "paperFormat", "orientation", "resolution", "legendPosition", "title", "subtitle", "comment", "showProjection", "showScale", "showLegend", "doZipFile", "showNorth"], outputs: ["submit"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: PrintComponent, isStandalone: true, selector: "igo-print", inputs: { map: { classPropertyName: "map", publicName: "map", isSignal: true, isRequired: false, transformFunction: null }, outputFormat: { classPropertyName: "outputFormat", publicName: "outputFormat", isSignal: true, isRequired: false, transformFunction: null }, paperFormat: { classPropertyName: "paperFormat", publicName: "paperFormat", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, imageFormat: { classPropertyName: "imageFormat", publicName: "imageFormat", isSignal: true, isRequired: false, transformFunction: null }, legendPosition: { classPropertyName: "legendPosition", publicName: "legendPosition", isSignal: true, isRequired: false, transformFunction: null }, resolution: { classPropertyName: "resolution", publicName: "resolution", isSignal: true, isRequired: false, transformFunction: null } }, providers: [SecureImagePipe], ngImport: i0, template: "<igo-print-form\n  [outputFormat]=\"outputFormat()\"\n  [paperFormat]=\"paperFormat()\"\n  [orientation]=\"orientation()\"\n  [imageFormat]=\"imageFormat()\"\n  [resolution]=\"resolution()\"\n  [legendPosition]=\"legendPosition()\"\n  [disabled$]=\"disabled$\"\n  (submit)=\"handleFormSubmit($event)\"\n/>\n", dependencies: [{ kind: "component", type: PrintFormComponent, selector: "igo-print-form", inputs: ["disabled$", "imageFormat", "outputFormat", "paperFormat", "orientation", "resolution", "legendPosition", "title", "subtitle", "comment", "showProjection", "showScale", "showLegend", "doZipFile", "showNorth"], outputs: ["submit"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PrintComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'igo-print', imports: [PrintFormComponent], providers: [SecureImagePipe], template: "<igo-print-form\n  [outputFormat]=\"outputFormat\"\n  [paperFormat]=\"paperFormat\"\n  [orientation]=\"orientation\"\n  [imageFormat]=\"imageFormat\"\n  [resolution]=\"resolution\"\n  [legendPosition]=\"legendPosition\"\n  [disabled$]=\"disabled$\"\n  (submit)=\"handleFormSubmit($event)\"\n/>\n" }]
-        }], propDecorators: { map: [{
-                type: Input
-            }], outputFormat: [{
-                type: Input
-            }], paperFormat: [{
-                type: Input
-            }], orientation: [{
-                type: Input
-            }], imageFormat: [{
-                type: Input
-            }], legendPosition: [{
-                type: Input
-            }], resolution: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'igo-print', imports: [PrintFormComponent], providers: [SecureImagePipe], template: "<igo-print-form\n  [outputFormat]=\"outputFormat()\"\n  [paperFormat]=\"paperFormat()\"\n  [orientation]=\"orientation()\"\n  [imageFormat]=\"imageFormat()\"\n  [resolution]=\"resolution()\"\n  [legendPosition]=\"legendPosition()\"\n  [disabled$]=\"disabled$\"\n  (submit)=\"handleFormSubmit($event)\"\n/>\n" }]
+        }], propDecorators: { map: [{ type: i0.Input, args: [{ isSignal: true, alias: "map", required: false }] }], outputFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "outputFormat", required: false }] }], paperFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "paperFormat", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], imageFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageFormat", required: false }] }], legendPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendPosition", required: false }] }], resolution: [{ type: i0.Input, args: [{ isSignal: true, alias: "resolution", required: false }] }] } });
 
 /**
  * @deprecated import the PrintComponent, PrintFormComponent directly