@igo2/core 1.13.0 → 1.13.1

package/locale/en.json

@@ -224,6 +224,7 @@
 					"copyMsg": "Link copied to clipboard",
 					"copyTitle": "Link"
 				},
+				"htmlClarifications": "",
 				"errorTitle": "Share Map error",
 				"placeholderLink": "Link",
 				"included": "Included in shared URL :",
@@ -418,6 +419,8 @@
 				"importSizeMax": "The file size limit is {{size}} Mb",
 				"importFormatAuthorized": "Formats authorized: geojson, kml, gpx, gml, shapefile",
 				"importShpZip": "Shapefiles must be zipped AND geometries stored in Latitude Longitude coordinate (EPSG:4326/WGS:84)",
+				"importHtmlClarifications": "",
+				"exportHtmlClarifications": "",
 				"other": "other",
 				"others": "others",
 				"projections": {
@@ -483,7 +486,8 @@
 				"placeholderSnrc": "Ex: 21L14",
 				"selectOperator": "Select an operator",
 				"sliderModeTitle": "Time slider",
-				"reportingDate": "Reporting date"
+				"reportingDate": "Reporting date",
+				"noFilterableLayer": "No layer can be filtered in the current map"
 			},
 			"spatialSelector": {
 				"fixedExtent": "Fixed extent",
@@ -535,6 +539,10 @@
 					"noLayersVisibleWithShowAllButtonButZoom": "No layer currently visible. If you zoom in the map, some layers will appear OR activate the button above to see all the legends.",
 					"noLayersVisible": "No layers currently visible.",
 					"noLayersVisibleButZoom": "No layers currently visible. However, if you zoom in the map, some layers will appear."
+				},
+				"style": {
+					"styleModal": "Edit style",
+					"styleModalTooltip": "Edit the style of the selected entities "
 				}
 			},
 			"download": {
@@ -545,7 +553,8 @@
 			},
 			"mapButtons": {
 				"baselayerSwitcher": "Change base layer",
-				"geolocate": "Geolocate",
+				"geolocate": "Show geolocation",
+				"geolocateInactive": "Hide geolocation",
 				"home-extent": "Go to the home map extent",
 				"offline": "Offline mode",
 				"online": "Online mode",
@@ -694,6 +703,7 @@
 				"layer.title": "Layer",
 				"layer.placeholder": "Search for a layer",
 				"ichercheReverse.name": "Search by coordinates",
+				"clearSearch": "Clear search",
 				"ilayer": {
 					"name": "Layers",
 					"properties": {
@@ -975,7 +985,10 @@
 				"toggleMapTooltips": "Show map tooltips",
 				"undo": "Remove last vertex",
 				"fontSize": "Font size",
-				"fontStyle": "Font style"
+				"fontStyle": "Font style",
+				"offsetX": "Horizontal offset",
+				"offsetY": "Vertical offset",
+				"changeLabel": "Double click on label to change it"
 			},
 			"network": {
 				"online": {
@@ -1009,7 +1022,10 @@
 				"maxLength": "{{column}} is longer than {{value}} characters"
 			},
 			"query": {
-				"featureCountMax": "You may have more feature queryable on {{value}}. Zoom in to ensure you have access to all features."
+				"featureCountMax": "You may have more feature queryable on {{value}}. Zoom in to ensure you have access to all features.",
+				"link": {
+					"message": "Hyperlink copied to clipboard"
+				}
 			}
 		},
 		"integration": {

package/locale/fr.context.json

@@ -161,6 +161,7 @@
           "copyMsg": "Lien copié",
           "copyTitle": "Lien"
         },
+        "htmlClarifications": "",
         "errorTitle": "Erreur lors du partage",
         "placeholderLink": "Lien",
         "included": "Inclus dans le lien de partage :",

package/locale/fr.geo.json

@@ -137,6 +137,8 @@
         "importSizeMax": "La taille limite du fichier est de {{size}} Mo",
         "importFormatAuthorized": "Formats autorisés: geojson, kml, gpx, gml, shapefile",
         "importShpZip": "Les shapefiles doivent être compressés (zippés) ET leurs géométries doivent être en coordonnées Latitude Longitude (EPSG:4326/WGS84)",
+        "importHtmlClarifications": "",
+        "exportHtmlClarifications": "",
         "other": "autre",
         "others": "autres",
         "projections": {
@@ -202,7 +204,8 @@
         "placeholderSnrc": "Ex: 21L14",
         "selectOperator": "Choisir un opérateur",
         "sliderModeTitle": "Curseur temporel",
-        "reportingDate": "Date de signalement"
+        "reportingDate": "Date de signalement",
+        "noFilterableLayer": "Aucune couche ne peut être filtrée dans la carte actuelle"
       },
       "spatialSelector": {
         "fixedExtent": "Étendue fixe",
@@ -254,6 +257,10 @@
           "noLayersVisibleWithShowAllButtonButZoom": "Aucune couche actuellement visible. Si vous zoomez dans la carte, certaines couches apparaîtront OU activez le bouton ci haut pour voir toutes les légendes.",
           "noLayersVisible": "Aucune couche actuellement visible.",
           "noLayersVisibleButZoom": "Aucune couche actuellement visible. Par contre, si vous zoomez dans la carte, certaines couches apparaîtront."
+        },
+        "style": {
+          "styleModal": "Modifier le style",
+          "styleModalTooltip": "Éditer le style des entités sélectionnées"
         }
       },
       "download": {
@@ -265,6 +272,7 @@
       "mapButtons": {
         "baselayerSwitcher": "Changer le fond de carte",
         "geolocate": "Afficher votre position",
+        "geolocateInactive": "Masquer votre position",
         "home-extent": "Aller à l'étendue de la carte",
         "offline": "Passer en mode hors-ligne",
         "online": "Passer en mode en ligne",
@@ -414,6 +422,7 @@
         "layer.title": "Couche de données",
         "layer.placeholder": "Rechercher une couche de données.",
         "ichercheReverse.name": "Recherche par coordonnées",
+        "clearSearch": "Effacer la recherche",
         "ilayer": {
           "name": "Couches",
           "properties": {
@@ -696,7 +705,10 @@
         "toggleMapTooltips": "Afficher les étiquettes",
         "undo": "Retirer le dernier sommet",
         "fontSize": "Taille de police",
-        "fontStyle": "Style de police"
+        "fontStyle": "Style de police",
+        "offsetX": "Décalage horizontal",
+        "offsetY": "Décalage vertical",
+        "changeLabel": "Double-cliquer sur l'étiquette pour la modifier"
       },
       "network": {
         "online": {
@@ -730,7 +742,10 @@
         "maxLength": "{{column}} doit être plus court que {{value}} caractères"
       },
       "query": {
-        "featureCountMax": "Vous pourriez avoir plus d'entités interrogeables sur la couche {{value}}. Pour vous en assurer, vous pouvez zoomer et redéclencher l'interrogation."
+        "featureCountMax": "Vous pourriez avoir plus d'entités interrogeables sur la couche {{value}}. Pour vous en assurer, vous pouvez zoomer et redéclencher l'interrogation.",
+        "link": {
+          "message": "Le lien a été copié dans le presse-papier"
+        }
       }
     }
   }

package/locale/fr.json

@@ -228,6 +228,7 @@
 					"copyMsg": "Lien copié",
 					"copyTitle": "Lien"
 				},
+				"htmlClarifications": "",
 				"errorTitle": "Erreur lors du partage",
 				"placeholderLink": "Lien",
 				"included": "Inclus dans le lien de partage :",
@@ -422,6 +423,8 @@
 				"importSizeMax": "La taille limite du fichier est de {{size}} Mo",
 				"importFormatAuthorized": "Formats autorisés: geojson, kml, gpx, gml, shapefile",
 				"importShpZip": "Les shapefiles doivent être compressés (zippés) ET leurs géométries doivent être en coordonnées Latitude Longitude (EPSG:4326/WGS84)",
+				"importHtmlClarifications": "",
+				"exportHtmlClarifications": "",
 				"other": "autre",
 				"others": "autres",
 				"projections": {
@@ -487,7 +490,8 @@
 				"placeholderSnrc": "Ex: 21L14",
 				"selectOperator": "Choisir un opérateur",
 				"sliderModeTitle": "Curseur temporel",
-				"reportingDate": "Date de signalement"
+				"reportingDate": "Date de signalement",
+				"noFilterableLayer": "Aucune couche ne peut être filtrée dans la carte actuelle"
 			},
 			"spatialSelector": {
 				"fixedExtent": "Étendue fixe",
@@ -539,6 +543,10 @@
 					"noLayersVisibleWithShowAllButtonButZoom": "Aucune couche actuellement visible. Si vous zoomez dans la carte, certaines couches apparaîtront OU activez le bouton ci haut pour voir toutes les légendes.",
 					"noLayersVisible": "Aucune couche actuellement visible.",
 					"noLayersVisibleButZoom": "Aucune couche actuellement visible. Par contre, si vous zoomez dans la carte, certaines couches apparaîtront."
+				},
+				"style": {
+					"styleModal": "Modifier le style",
+					"styleModalTooltip": "Éditer le style des entités sélectionnées"
 				}
 			},
 			"download": {
@@ -550,6 +558,7 @@
 			"mapButtons": {
 				"baselayerSwitcher": "Changer le fond de carte",
 				"geolocate": "Afficher votre position",
+				"geolocateInactive": "Masquer votre position",
 				"home-extent": "Aller à l'étendue de la carte",
 				"offline": "Passer en mode hors-ligne",
 				"online": "Passer en mode en ligne",
@@ -698,6 +707,7 @@
 				"layer.title": "Couche de données",
 				"layer.placeholder": "Rechercher une couche de données.",
 				"ichercheReverse.name": "Recherche par coordonnées",
+				"clearSearch": "Effacer la recherche",
 				"ilayer": {
 					"name": "Couches",
 					"properties": {
@@ -980,7 +990,10 @@
 				"toggleMapTooltips": "Afficher les étiquettes",
 				"undo": "Retirer le dernier sommet",
 				"fontSize": "Taille de police",
-				"fontStyle": "Style de police"
+				"fontStyle": "Style de police",
+				"offsetX": "Décalage horizontal",
+				"offsetY": "Décalage vertical",
+				"changeLabel": "Double-cliquer sur l'étiquette pour la modifier"
 			},
 			"network": {
 				"online": {
@@ -1014,7 +1027,10 @@
 				"maxLength": "{{column}} doit être plus court que {{value}} caractères"
 			},
 			"query": {
-				"featureCountMax": "Vous pourriez avoir plus d'entités interrogeables sur la couche {{value}}. Pour vous en assurer, vous pouvez zoomer et redéclencher l'interrogation."
+				"featureCountMax": "Vous pourriez avoir plus d'entités interrogeables sur la couche {{value}}. Pour vous en assurer, vous pouvez zoomer et redéclencher l'interrogation.",
+				"link": {
+					"message": "Le lien a été copié dans le presse-papier"
+				}
 			}
 		},
 		"integration": {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@igo2/core",
-  "version": "1.13.0",
+  "version": "1.13.1",
   "description": "IGO Library",
-  "author": "MSP",
+  "author": "IGO Community",
   "keywords": [
     "igo"
   ],
@@ -23,7 +23,7 @@
     "@angular/cdk": "^14.1.2",
     "@angular/common": "^14.1.2",
     "@angular/core": "^14.1.2",
-    "@igo2/utils": "^1.13.0",
+    "@igo2/utils": "^1.13.1",
     "rxjs": "^7.5.6",
     "ngx-indexed-db": "^11.0.2",
     "ngx-toastr": "^15.0.0"

package/style/index.theming.scss

@@ -271,9 +271,16 @@ button.toast-close-button {
   .toast-error {
     background-color: mat.get-color-from-palette($warn);
   }
+
   .toast-info {
     background-color: mat.get-color-from-palette($primary);
   }
+  
+  .toast-no-icon { 
+    background-image: none;
+    padding-left: 6%;
+  }
+
   .toast-title {
     line-height: 23px;
     font-size: 15px;
@@ -285,6 +292,7 @@ button.toast-close-button {
     font-size: mat.font-size($typography, subheading-2);
     font-family:  Roboto, "Helvetica Neue", sans-serif;
   }
+
 }
 
 .shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
@@ -544,11 +552,22 @@ button.toast-close-button {
   }
 }
 
+:root,
+:host {
+  --ol-background-color: white;
+  --ol-accent-background-color: #F5F5F5;
+  --ol-subtle-background-color: rgba(128, 128, 128, 0.25);
+  --ol-partial-background-color: rgba(255, 255, 255, 0.75);
+  --ol-foreground-color: #333333;
+  --ol-subtle-foreground-color: #666666;
+  --ol-brand-color: #00AAFF;
+}
+
 .ol-box {
   box-sizing: border-box;
   border-radius: 2px;
-  border: 1.5px solid rgb(179,197,219);
-  background-color: rgba(255,255,255,0.4);
+  border: 1.5px solid var(--ol-background-color);
+  background-color: var(--ol-partial-background-color);
 }
 
 .ol-mouse-position {
@@ -558,124 +577,142 @@ button.toast-close-button {
 }
 
 .ol-scale-line {
-  background: rgba(0,60,136,0.3);
+  background: var(--ol-partial-background-color);
   border-radius: 4px;
   bottom: 8px;
   left: 8px;
   padding: 2px;
   position: absolute;
 }
+
 .ol-scale-line-inner {
-  border: 1px solid #eee;
+  border: 1px solid var(--ol-subtle-foreground-color);
   border-top: none;
-  color: #eee;
+  color: var(--ol-foreground-color);
   font-size: 10px;
   text-align: center;
   margin: 1px;
   will-change: contents, width;
   transition: all 0.25s;
 }
-.ol-scale-singlebar-even{
-  background-color: #000000;
-}
-.ol-scale-singlebar-odd{
-  background-color: #ffffff;
-}
+
 .ol-scale-bar {
   position: absolute;
   bottom: 8px;
   left: 8px;
 }
+
+.ol-scale-bar-inner {
+  display: flex;
+}
+
 .ol-scale-step-marker {
   width: 1px;
   height: 15px;
-  background-color: #000000;
+  background-color: var(--ol-foreground-color);
   float: right;
   z-index: 10;
 }
+
 .ol-scale-step-text {
   position: absolute;
   bottom: -5px;
-  font-size: 12px;
+  font-size: 10px;
   z-index: 11;
-  color: #000000;
-  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
+  color: var(--ol-foreground-color);
+  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
 }
+
 .ol-scale-text {
   position: absolute;
-  font-size: 14px;
+  font-size: 12px;
   text-align: center;
   bottom: 25px;
-  color: #000000;
-  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
+  color: var(--ol-foreground-color);
+  text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
 }
+
 .ol-scale-singlebar {
   position: relative;
   height: 10px;
   z-index: 9;
   box-sizing: border-box;
-  border: 1px solid black;
+  border: 1px solid var(--ol-foreground-color);
+}
+
+.ol-scale-singlebar-even {
+  background-color: var(--ol-subtle-foreground-color);
+}
+
+.ol-scale-singlebar-odd {
+  background-color: var(--ol-background-color);
 }
 
 .ol-unsupported {
   display: none;
 }
-.ol-viewport, .ol-unselectable {
+
+.ol-viewport,
+.ol-unselectable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-tap-highlight-color: transparent;
 }
+
 .ol-viewport canvas {
   all: unset;
 }
+
 .ol-selectable {
   -webkit-touch-callout: default;
   -webkit-user-select: text;
   -moz-user-select: text;
-  -ms-user-select: text;
   user-select: text;
 }
+
 .ol-grabbing {
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
   cursor: grabbing;
 }
+
 .ol-grab {
   cursor: move;
   cursor: -webkit-grab;
   cursor: -moz-grab;
   cursor: grab;
 }
+
 .ol-control {
   position: absolute;
-  background-color: rgba(255,255,255,0.4);
+  background-color: var(--ol-subtle-background-color);
   border-radius: 4px;
-  padding: 2px;
-}
-.ol-control:hover {
-  background-color: rgba(255,255,255,0.6);
 }
+
 .ol-zoom {
   top: .5em;
   left: .5em;
 }
+
 .ol-rotate {
   top: .5em;
   right: .5em;
   transition: opacity .25s linear, visibility 0s linear;
 }
+
 .ol-rotate.ol-hidden {
   opacity: 0;
   visibility: hidden;
   transition: opacity .25s linear, visibility 0s linear .25s;
 }
+
 .ol-zoom-extent {
   top: 4.643em;
   left: .5em;
 }
+
 .ol-full-screen {
   right: .5em;
   top: .5em;
@@ -685,7 +722,7 @@ button.toast-close-button {
   display: block;
   margin: 1px;
   padding: 0;
-  color: white;
+  color: var(--ol-subtle-foreground-color);
   font-weight: bold;
   text-decoration: none;
   font-size: inherit;
@@ -693,42 +730,49 @@ button.toast-close-button {
   height: 1.375em;
   width: 1.375em;
   line-height: .4em;
-  background-color: rgba(0,60,136,0.5);
+  background-color: var(--ol-background-color);
   border: none;
   border-radius: 2px;
 }
+
 .ol-control button::-moz-focus-inner {
   border: none;
   padding: 0;
 }
+
 .ol-zoom-extent button {
   line-height: 1.4em;
 }
+
 .ol-compass {
   display: block;
   font-weight: normal;
-  font-size: 1.2em;
   will-change: transform;
 }
+
 .ol-touch .ol-control button {
   font-size: 1.5em;
 }
+
 .ol-touch .ol-zoom-extent {
   top: 5.5em;
 }
+
 .ol-control button:hover,
 .ol-control button:focus {
   text-decoration: none;
-  background-color: rgba(0,60,136,0.7);
+  outline: 1px solid var(--ol-subtle-foreground-color);
+  color: var(--ol-foreground-color);
 }
+
 .ol-zoom .ol-zoom-in {
   border-radius: 2px 2px 0 0;
 }
+
 .ol-zoom .ol-zoom-out {
   border-radius: 0 0 2px 2px;
 }
 
-
 .ol-attribution {
   text-align: right;
   bottom: .5em;
@@ -738,47 +782,58 @@ button.toast-close-button {
   flex-flow: row-reverse;
   align-items: center;
 }
+
 .ol-attribution a {
-  color: rgba(0,60,136,0.7);
+  color: var(--ol-subtle-foreground-color);
   text-decoration: none;
 }
+
 .ol-attribution ul {
   margin: 0;
   padding: 1px .5em;
-  color: #000;
-  text-shadow: 0 0 2px #fff;
+  color: var(--ol-foreground-color);
+  text-shadow: 0 0 2px var(--ol-background-color);
   font-size: 12px;
 }
+
 .ol-attribution li {
   display: inline;
   list-style: none;
 }
+
 .ol-attribution li:not(:last-child):after {
   content: " ";
 }
+
 .ol-attribution img {
   max-height: 2em;
   max-width: inherit;
   vertical-align: middle;
 }
+
 .ol-attribution button {
   flex-shrink: 0;
 }
+
 .ol-attribution.ol-collapsed ul {
   display: none;
 }
+
 .ol-attribution:not(.ol-collapsed) {
-  background: rgba(255,255,255,0.8);
+  background: var(--ol-partial-background-color);
 }
+
 .ol-attribution.ol-uncollapsible {
   bottom: 0;
   right: 0;
   border-radius: 4px 0 0;
 }
+
 .ol-attribution.ol-uncollapsible img {
   margin-top: -.2em;
   max-height: 1.6em;
 }
+
 .ol-attribution.ol-uncollapsible button {
   display: none;
 }
@@ -788,6 +843,7 @@ button.toast-close-button {
   left: .5em;
   height: 200px;
 }
+
 .ol-zoomslider button {
   position: relative;
   height: 10px;
@@ -801,35 +857,41 @@ button.toast-close-button {
   left: 0.5em;
   bottom: 0.5em;
 }
+
 .ol-overviewmap.ol-uncollapsible {
   bottom: 0;
   left: 0;
   border-radius: 0 4px 0 0;
 }
+
 .ol-overviewmap .ol-overviewmap-map,
 .ol-overviewmap button {
   display: block;
 }
+
 .ol-overviewmap .ol-overviewmap-map {
-  border: 1px solid #7b98bc;
+  border: 1px solid var(--ol-subtle-foreground-color);
   height: 150px;
-  margin: 2px;
   width: 150px;
 }
+
 .ol-overviewmap:not(.ol-collapsed) button {
-  bottom: 2px;
-  left: 2px;
+  bottom: 0;
+  left: 0;
   position: absolute;
 }
+
 .ol-overviewmap.ol-collapsed .ol-overviewmap-map,
 .ol-overviewmap.ol-uncollapsible button {
   display: none;
 }
+
 .ol-overviewmap:not(.ol-collapsed) {
-  background: rgba(255,255,255,0.8);
+  background: var(--ol-subtle-background-color);
 }
+
 .ol-overviewmap-box {
-  border: 2px dotted rgba(0,60,136,0.7);
+  border: 1.5px dotted var(--ol-subtle-foreground-color);
 }
 
 .ol-overviewmap .ol-overviewmap-box:hover {